{"id":2177,"date":"2026-03-06T06:17:59","date_gmt":"2026-03-06T06:17:59","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=2177"},"modified":"2026-03-06T09:00:24","modified_gmt":"2026-03-06T09:00:24","slug":"ultra-thin-glass","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/products\/ultra-thin-glass\/","title":{"rendered":"Vidrio ultrafino"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c3287df\" data-block-id=\"c3287df\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c3287df-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c6ee739\" data-v=\"4\" data-block-id=\"c6ee739\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c6ee739-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c6ee739-inner-blocks\">\n<style>\n\/* 1. \u9876\u7ea7\u9694\u79bb\u4e0e\u5168\u5c40\u91cd\u7f6e\uff1a\u6240\u6709\u89c4\u5219\u5fc5\u987b\u5e26 #utg-b2b-hero-002 \u524d\u7f00 *\/\n#utg-b2b-hero-002 {\n    width: 100% !important;\n    background-color: #f8faff !important; \/* \u6781\u7b80\u7eaf\u767d\u80cc\u666f *\/\n    color: #333333 !important;\n    padding: 40px 0 40px 0 !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    \/* \u7ee7\u627f\u4e3b\u9898\u9ed8\u8ba4\u5b57\u4f53\uff0c\u4e0d\u5f15\u5165\u989d\u5916\u5b57\u4f53\u5e93 *\/\n}\n\n#utg-b2b-hero-002 * {\n    box-sizing: border-box !important;\n}\n\n\/* 4. \u5e03\u5c40\u7ed3\u6784\uff1a1280px \u5c45\u4e2d\u5bf9\u9f50\uff0c\u54cd\u5e94\u5f0f Flexbox *\/\n#utg-b2b-hero-002 .hero-container {\n    max-width: 1380px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 60px !important;\n}\n\n#utg-b2b-hero-002 .hero-main {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 40px !important;\n}\n\n#utg-b2b-hero-002 .hero-content {\n    flex: 1 1 55% !important;\n    max-width: 780px !important;\n}\n\n#utg-b2b-hero-002 .hero-visual {\n    flex: 1 1 45% !important;\n    display: flex !important;\n    justify-content: flex-end !important;\n    position: relative !important;\n}\n\n\/* \u4fe1\u4efb\u80cc\u4e66\u8bbe\u8ba1 *\/\n#utg-b2b-hero-002 .trust-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    margin-bottom: 24px !important;\n    padding: 6px 12px !important;\n    background-color: #f8faff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-radius: 4px !important;\n}\n\n#utg-b2b-hero-002 .stars {\n    color: #1860A8 !important; \/* \u5951\u5408\u4e3b\u8272\u8c03\u7684\u661f\u661f *\/\n    font-size: 14px !important;\n    line-height: 1 !important;\n    letter-spacing: 2px !important;\n}\n\n#utg-b2b-hero-002 .trust-text {\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #304890 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n}\n\n\/* 2. \u6807\u7b7e\u66ff\u6362\u4e0e\u6392\u7248\uff1a\u5229\u4e8e SEO \u4e14\u907f\u514d\u6837\u5f0f\u6cc4\u9732 *\/\n#utg-b2b-hero-002 .main-title {\n    font-size: 42px !important; \/* B\u7aef\u6781\u7b80\u98ce\u683c\u503e\u5411\u4e8e\u514b\u5236\u4f46\u6e05\u6670\u7684\u6807\u9898\u5927\u5c0f *\/\n    font-weight: 700 !important;\n    color: #111827 !important;\n    line-height: 1.2 !important;\n    margin-bottom: 24px !important;\n    letter-spacing: -0.02em !important;\n}\n\n#utg-b2b-hero-002 .main-title span {\n    color: #304890 !important; \/* \u54c1\u724c\u4e3b\u8272\u5f3a\u8c03 *\/\n}\n\n#utg-b2b-hero-002 .main-desc {\n    font-size: 18px !important;\n    color: #4b5563 !important;\n    line-height: 1.6 !important;\n    margin-bottom: 40px !important;\n    max-width: 90% !important;\n}\n\n\/* \u6309\u94ae\u8bbe\u8ba1\uff1a\u6241\u5e73\u5316\uff0c\u53bb\u9664\u5197\u4f59\u9634\u5f71\uff0c\u5f3a\u8c03\u9ad8\u7ea7\u611f *\/\n#utg-b2b-hero-002 .cta-group {\n    display: flex !important;\n    gap: 16px !important;\n    align-items: center !important;\n}\n\n#utg-b2b-hero-002 .btn-primary {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    padding: 16px 32px !important;\n    border-radius: 2px !important; \/* \u6781\u7b80\u7684\u5fae\u5706\u89d2 *\/\n    transition: background-color 0.2s ease !important;\n    border: 1px solid #304890 !important;\n}\n\n#utg-b2b-hero-002 .btn-primary:hover {\n    background-color: #1860A8 !important;\n    border-color: #1860A8 !important;\n}\n\n\/* \u89c6\u89c9\u56fe\u7247\uff1a\u6de1\u5165\u6de1\u51fa\u8fb9\u7f18\u5904\u7406 *\/\n#utg-b2b-hero-002 .hero-image-wrapper {\n    position: relative !important;\n    width: 100% !important;\n    max-width: 550px !important;\n}\n\n#utg-b2b-hero-002 .hero-image {\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n    \/* \u6838\u5fc3\u89c6\u89c9\u6280\u672f\uff1a\u5229\u7528 CSS Mask \u5b9e\u73b0\u5de6\u4fa7\u8fb9\u7f18\u5411\u53f3\u81ea\u7136\u6de1\u51fa\u7684\u65e0\u8fb9\u6846\u878d\u5408\u6548\u679c *\/\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 100%) !important;\n    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 100%) !important;\n}\n\n\/* \u5e95\u90e8\u6570\u636e\u6761\uff1a\u6781\u7b80\u6241\u5e73\u5316\u7ed3\u6784\uff0c\u4e0d\u89c4\u5219\u7559\u767d\u63a7\u5236 *\/\n#utg-b2b-hero-002 .stats-bar {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 24px !important;\n    padding-top: 40px !important;\n    border-top: 1px solid #e5e7eb !important; \/* \u6781\u7b80\u5206\u5272\u7ebf *\/\n}\n\n#utg-b2b-hero-002 .stat-item {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 4px !important;\n}\n\n#utg-b2b-hero-002 .stat-num {\n    font-size: 28px !important;\n    font-weight: 700 !important;\n    color: #1878C0 !important;\n    line-height: 1 !important;\n}\n\n#utg-b2b-hero-002 .stat-label {\n    font-size: 13px !important;\n    color: #6b7280 !important;\n    font-weight: 500 !important;\n}\n\n\/* \u81ea\u9002\u5e94\u6298\u53e0\u903b\u8f91 *\/\n@media (max-width:1000px) {\n    #utg-b2b-hero-002 .hero-main {\n        flex-direction: column !important;\n        text-align: left !important;\n    }\n    #utg-b2b-hero-002 .hero-content, \n    #utg-b2b-hero-002 .hero-visual {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n    }\n    #utg-b2b-hero-002 .hero-image {\n        -webkit-mask-image: linear-gradient(to top, transparent 0%, black 15%, black 100%) !important;\n        mask-image: linear-gradient(to top, transparent 0%, black 15%, black 100%) !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-b2b-hero-002 {\n        padding: 40px 0 !important;\n    }\n    #utg-b2b-hero-002 .main-title {\n        font-size: 32px !important; \/* \u7a84\u5c4f\u7f29\u5c0f\u6807\u9898\u5b57\u53f7 *\/\n    }\n    #utg-b2b-hero-002 .stats-bar {\n        grid-template-columns: repeat(2, 1fr) !important; \/* \u624b\u673a\u7aef\u4e24\u5217 *\/\n        gap: 32px 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-b2b-hero-002\">\n    <div class=\"hero-container\">\n        \n        <div class=\"hero-main\">\n            <div class=\"hero-content\">\n                <div class=\"trust-badge reveal-elem\">\n                    <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                    <span class=\"trust-text\">Trusted by Display Leaders<\/span>\n                <\/div>\n\n                <h1 class=\"main-title reveal-elem\" role=\"heading\" aria-level=\"1\">\n                    Ultra-Thin Glass Manufacturer <span>Custom Display &#038; Cover Glass<\/span>\n                <\/h1>\n                \n                <div class=\"main-desc reveal-elem\">\n                    Thinnest precision processed ultra-thin glass from 0.1 mm. Chemical strengthening, optical coating, CNC machining for display, automotive, medical, industrial needs.\n                <\/div>\n                \n                <div class=\"cta-group reveal-elem\">\n                    <a href=\"#ct-popup-787\" class=\"btn-primary\">Request a Quote<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-visual reveal-elem\">\n                <div class=\"hero-image-wrapper\">\n                    <img fetchpriority=\"high\" class=\"hero-image\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Ultra-Thin-Glass-Manufacturer.png\" alt=\"Ultra-Thin Glass Manufacturing Process\" width=\"600\" height=\"400\" loading=\"eager\" decoding=\"async\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"stats-bar\">\n            <div class=\"stat-item reveal-elem\" role=\"heading\" aria-level=\"2\">\n                <span class=\"stat-num\">0.1 mm<\/span>\n                <span class=\"stat-label\">Minimum Thickness<\/span>\n            <\/div>\n            <div class=\"stat-item reveal-elem\" role=\"heading\" aria-level=\"2\">\n                <span class=\"stat-num\">1M+<\/span>\n                <span class=\"stat-label\">Annual Capacity (pieces)<\/span>\n            <\/div>\n            <div class=\"stat-item reveal-elem\" role=\"heading\" aria-level=\"2\">\n                <span class=\"stat-num\">10+<\/span>\n                <span class=\"stat-label\">Years OEM Experience<\/span>\n            <\/div>\n            <div class=\"stat-item reveal-elem\" role=\"heading\" aria-level=\"2\">\n                <span class=\"stat-num\">3<\/span>\n                <span class=\"stat-label\">Production Facilities<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n\/\/ \u7eaf\u539f\u751f JS \u63a7\u5236\u5143\u7d20\u7684\u65e0\u611f\u5fae\u52a8\u6548\u52a0\u8f7d\uff0c\u63d0\u5347\u9ad8\u7ea7\u611f\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const section = document.getElementById('utg-b2b-hero-002');\n    if (!section) return;\n\n    const elements = section.querySelectorAll('.reveal-elem');\n    \n    elements.forEach(el => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(10px)';\n        el.style.transition = 'opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1)';\n    });\n\n    requestAnimationFrame(() => {\n        setTimeout(() => {\n            elements.forEach((el, index) => {\n                setTimeout(() => {\n                    el.style.opacity = '1';\n                    el.style.transform = 'translateY(0)';\n                }, index * 80); \/\/ \u6781\u77ed\u7684\u9519\u843d\u611f\uff0c\u907f\u514d\u62d6\u6c93\n            });\n        }, 50);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-0e37299\" data-block-id=\"0e37299\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-0e37299-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-dcc7588\" data-v=\"4\" data-block-id=\"dcc7588\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-dcc7588-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-dcc7588-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-707fd74\" data-block-id=\"707fd74\"><style>.stk-707fd74 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-707fd74-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-688e267\" data-v=\"4\" data-block-id=\"688e267\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-688e267-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-688e267-inner-blocks\">\n<style>\n\/* ==========================================\n   1. \u9876\u7ea7\u9694\u79bb\u4e0e\u5168\u5c40\u91cd\u7f6e (Highest Level Scope)\n   ========================================== *\/\n#utg-info-redesign-06 {\n    width: 100% !important;\n    background-color: #f8faff !important; \n    padding: 30px 0 !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    font-family: inherit !important; \n}\n\n#utg-info-redesign-06 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5c45\u4e2d\u7f51\u683c)\n   ========================================== *\/\n#utg-info-redesign-06 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n}\n\n#utg-info-redesign-06 .utg-lead-section {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    gap: 48px !important;\n    margin-bottom: 60px !important;\n}\n\n#utg-info-redesign-06 .utg-title-box {\n    flex: 1 1 35% !important;\n    min-width: 300px !important;\n}\n\n#utg-info-redesign-06 .utg-intro-box {\n    flex: 1 1 55% !important;\n}\n\n#utg-info-redesign-06 .utg-cards-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 32px !important;\n    align-items: stretch !important; \/* \u5f3a\u5236\u7f51\u683c\u7b49\u9ad8 *\/\n}\n\n\/* ==========================================\n   3. \u6392\u7248\u4e0e H \u6807\u7b7e\u9694\u79bb\u91cd\u7f6e\n   ========================================== *\/\n#utg-info-redesign-06 h2.utg-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #304890 !important; \n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n#utg-info-redesign-06 .utg-h2-line {\n    display: block !important;\n    width: 60px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important;\n}\n\n#utg-info-redesign-06 p.utg-intro-text {\n    font-size: 18px !important;\n    line-height: 1.8 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u9ad8\u7ea7\u5361\u7247\u4e0e\u6298\u53e0\u903b\u8f91 (Accordion Strategy)\n   ========================================== *\/\n#utg-info-redesign-06 .utg-card {\n    background: #ffffff !important;\n    border: 1px solid #e5eaf5 !important;\n    border-top: 4px solid #1878C0 !important;\n    padding: 40px 32px !important;\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n}\n\n#utg-info-redesign-06 .utg-card:hover {\n    transform: translateY(-5px) !important;\n    box-shadow: 0 16px 32px rgba(48, 72, 144, 0.08) !important;\n}\n\n\/* \u80cc\u666f\u6570\u5b57\u6c34\u5370 *\/\n#utg-info-redesign-06 .utg-card-watermark {\n    position: absolute !important;\n    top: -10px !important;\n    right: 10px !important;\n    font-size: 120px !important;\n    font-weight: 800 !important;\n    color: #1860A8 !important;\n    opacity: 0.04 !important;\n    line-height: 1 !important;\n    pointer-events: none !important;\n    z-index: 0 !important;\n}\n\n#utg-info-redesign-06 .utg-card-content {\n    position: relative !important;\n    z-index: 1 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    flex-grow: 1 !important;\n}\n\n#utg-info-redesign-06 h4.utg-h4 {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #3048A8 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    margin: 0 0 20px 0 !important;\n}\n\n\/* \u6298\u53e0\u6587\u672c\u5305\u88f9\u5c42\u6838\u5fc3\u673a\u5236 *\/\n#utg-info-redesign-06 .utg-text-wrapper {\n    position: relative !important;\n    overflow: hidden !important;\n    \/* \u8bbe\u5b9a\u521d\u59cb\u9ad8\u5ea6\uff0c\u7ea6\u7b49\u4e8e 5 \u884c\u6587\u5b57 (15px\u5b57\u53f7 * 1.75\u884c\u9ad8 * 5 = ~131px) *\/\n    max-height: 135px !important;\n    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#utg-info-redesign-06 .utg-text-wrapper.is-expanded {\n    max-height: 1000px !important; \/* \u5c55\u5f00\u540e\u7684\u5b89\u5168\u9ad8\u5ea6 *\/\n}\n\n#utg-info-redesign-06 p.utg-card-text {\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69 *\/\n#utg-info-redesign-06 .utg-fade-mask {\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: 48px !important;\n    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)) !important;\n    pointer-events: none !important;\n    transition: opacity 0.4s ease !important;\n}\n\n#utg-info-redesign-06 .utg-text-wrapper.is-expanded .utg-fade-mask {\n    opacity: 0 !important;\n}\n\n\/* \u4ea4\u4e92\u6309\u94ae *\/\n#utg-info-redesign-06 .utg-toggle-btn {\n    align-self: flex-start !important;\n    background: none !important;\n    border: none !important;\n    color: #1860A8 !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    padding: 0 !important;\n    margin-top: 16px !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    transition: color 0.2s ease !important;\n}\n\n#utg-info-redesign-06 .utg-toggle-btn:hover {\n    color: #304890 !important;\n    text-decoration: underline !important;\n}\n\n#utg-info-redesign-06 .utg-toggle-btn::after {\n    content: \"+\" !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    transition: transform 0.3s ease !important;\n}\n\n#utg-info-redesign-06 .utg-toggle-btn.is-active::after {\n    content: \"-\" !important;\n    transform: rotate(180deg) !important;\n}\n\n\/* ==========================================\n   5. \u54cd\u5e94\u5f0f\u63a7\u5236\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-info-redesign-06 .utg-cards-grid {\n        grid-template-columns: 1fr !important;\n        gap: 24px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-info-redesign-06 { padding: 40px 0 60px 0 !important; }\n    #utg-info-redesign-06 .utg-lead-section {\n        flex-direction: column !important;\n        gap: 24px !important;\n        margin-bottom: 40px !important;\n    }\n    #utg-info-redesign-06 h2.utg-h2 { font-size: 28px !important; }\n    #utg-info-redesign-06 p.utg-intro-text { font-size: 16px !important; }\n}\n<\/style>\n\n<section id=\"utg-info-redesign-06\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-lead-section\">\n            <div class=\"utg-title-box utg-animate-elem\">\n                <h2 class=\"utg-h2\">What Is Ultra-Thin Glass?<\/h2>\n                <span class=\"utg-h2-line\"><\/span>\n            <\/div>\n            <div class=\"utg-intro-box utg-animate-elem\">\n                <p class=\"utg-intro-text\">\n                    Ultra-thin glass represents a sub-set of flat glass which is 1.1 mm thick or less. Commercial substrates tend to be in the 0.1-0.7 mm range, approaching the thickness of a human hair in the very thinnest products. Highly specialized sheets can be as thin as 0.03 mm. However thin, the ultra-thin glass substrates tend to have all the qualities that make glass indispensable in electronics, optics and the most demanding engineering environments.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"utg-cards-grid\">\n            \n            <div class=\"utg-card utg-animate-elem\">\n                <div class=\"utg-card-watermark\">01<\/div>\n                <div class=\"utg-card-content\">\n                    <h4 class=\"utg-h4\">Evolution<\/h4>\n                    <div class=\"utg-text-wrapper\">\n                        <p class=\"utg-card-text\">\n                            Commercial recognition came as electrical device manufacturers moved away from drop-tested panels towards bendable displays. Corning and SCHOTT fielded bendable &#8212; and then foldable &#8211; glass substrates. Corning&#8217;s Willow Glass measured just 0.1 mm thick, and could simply be wound up for transport, then cut to size on site. SCHOTT&#8217;s ultra-thin flexible glass pushed the boundaries towards 0.1 mm. These advancements demonstrated that glass could be flexible and able to handle tight bending radii when manufactured at the right thickness and processed with suitable chemical or thermal strength.\n                        <\/p>\n                        <div class=\"utg-fade-mask\"><\/div>\n                    <\/div>\n                    <button class=\"utg-toggle-btn\" aria-expanded=\"false\">Read More<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-card utg-animate-elem\">\n                <div class=\"utg-card-watermark\">02<\/div>\n                <div class=\"utg-card-content\">\n                    <h4 class=\"utg-h4\">Process Benefits<\/h4>\n                    <div class=\"utg-text-wrapper\">\n                        <p class=\"utg-card-text\">\n                            Apart from the obvious weight savings over the traditional 3mm flat, Ultra-thin glass offers practical process benefits for B2B customers. Weight saving of 40-60% of that for 3mm design. Lower electromagnetic interference, important for sensor activity, particularly in dense applications. And no degradation over time like yellowing or plastic film cracking when exposed to ultraviolet light \u2014 this is an inert, safe long-term cover for highly valuable equipment that has to operate for as long as fifty years in some cases.\n                        <\/p>\n                        <div class=\"utg-fade-mask\"><\/div>\n                    <\/div>\n                    <button class=\"utg-toggle-btn\" aria-expanded=\"false\">Read More<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-card utg-animate-elem\">\n                <div class=\"utg-card-watermark\">03<\/div>\n                <div class=\"utg-card-content\">\n                    <h4 class=\"utg-h4\">Applications<\/h4>\n                    <div class=\"utg-text-wrapper\">\n                        <p class=\"utg-card-text\">\n                            End use application determines choice of thickness &#8211; 0.3-0.7mm range of cover glass used in handheld displays, 0.5-1.1mm for impact tolerant automotive instrument displays or 0.1-0.5 mm optical windows for sensors. SW Glass cuts across this entire spectrum, processing the ultra thin glass to fit each individual project.\n                        <\/p>\n                        <div class=\"utg-fade-mask\"><\/div>\n                    <\/div>\n                    <button class=\"utg-toggle-btn\" aria-expanded=\"false\">Read More<\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. \u6eda\u52a8\u65e0\u611f\u52a0\u8f7d\u52a8\u753b (\u517c\u5bb9 FlyingPress)\n    const observer = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                obs.unobserve(entry.target);\n            }\n        });\n    }, { root: null, rootMargin: '0px', threshold: 0.1 });\n\n    document.querySelectorAll('#utg-info-redesign-06 .utg-animate-elem').forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\n        el.style.transitionDelay = `${index * 0.1}s`; \n        observer.observe(el);\n    });\n\n    \/\/ 2. \u667a\u80fd\u6298\u53e0\u903b\u8f91 (\u8ba1\u7b97\u5b9e\u9645\u9ad8\u5ea6\uff0c\u6309\u9700\u663e\u793a\u6309\u94ae)\n    const cards = document.querySelectorAll('#utg-info-redesign-06 .utg-card-content');\n    \n    \/\/ \u7ed9 DOM \u4e00\u70b9\u6e32\u67d3\u65f6\u95f4\u4ee5\u83b7\u53d6\u7cbe\u786e\u9ad8\u5ea6\n    setTimeout(() => {\n        cards.forEach(card => {\n            const wrapper = card.querySelector('.utg-text-wrapper');\n            const btn = card.querySelector('.utg-toggle-btn');\n            const mask = card.querySelector('.utg-fade-mask');\n            const textElement = card.querySelector('.utg-card-text');\n\n            \/\/ \u6bd4\u8f83\u6587\u672c\u5b9e\u9645\u9ad8\u5ea6\u4e0e\u8bbe\u5b9a\u7684\u6700\u5927\u5bb9\u5668\u9ad8\u5ea6 (135px)\n            if (textElement.scrollHeight <= 140) {\n                \/\/ \u5982\u679c\u6587\u672c\u6ca1\u6709\u8d85\u957f\uff0c\u76f4\u63a5\u9690\u85cf\u6309\u94ae\u548c\u906e\u7f69\u5c42\n                btn.style.display = 'none';\n                mask.style.display = 'none';\n                wrapper.style.maxHeight = 'none'; \n            } else {\n                \/\/ \u7ed1\u5b9a\u70b9\u51fb\u4e8b\u4ef6\n                btn.addEventListener('click', function() {\n                    const isExpanded = wrapper.classList.toggle('is-expanded');\n                    this.classList.toggle('is-active');\n                    \n                    if (isExpanded) {\n                        this.innerHTML = 'Read Less';\n                        this.setAttribute('aria-expanded', 'true');\n                    } else {\n                        this.innerHTML = 'Read More';\n                        this.setAttribute('aria-expanded', 'false');\n                    }\n                });\n            }\n        });\n    }, 100); \/\/ 100ms \u5ef6\u8fdf\u786e\u4fdd\u5b57\u4f53\u52a0\u8f7d\u4e0d\u5f71\u54cd\u9ad8\u5ea6\u8ba1\u7b97\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-39cc1ec\" data-block-id=\"39cc1ec\"><style>.stk-39cc1ec {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-39cc1ec-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2cceae1\" data-v=\"4\" data-block-id=\"2cceae1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2cceae1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2cceae1-inner-blocks\">\n<style>\n\n#utg-types-module-07 {\n    width: 100% !important;\n    padding: 40px 0 !important; \n    background-color: #ffffff !important; \n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-types-module-07 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5c45\u4e2d\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-types-module-07 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 48px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df\u4e0e H2 \u91cd\u7f6e (SEO \u53cb\u597d - \u5c45\u4e2d\u4f18\u5316)\n   ========================================== *\/\n#utg-types-module-07 .utg-header {\n    max-width: 1100px !important;\n    margin: 0 auto !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u5bb9\u5668\u5c45\u4e2d *\/\n    text-align: center !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u6587\u672c\u5c45\u4e2d *\/\n}\n\n#utg-types-module-07 h2.utg-h2-title {\n    font-size: 32px !important; \n    font-weight: 700 !important;\n    color: #304890 !important; \n    line-height: 1.3 !important;\n    letter-spacing: -0.5px !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-types-module-07 p.utg-lead-desc {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u6750\u6599\u5361\u7247\u9635\u5217 (2x2 CSS Grid)\n   ========================================== *\/\n#utg-types-module-07 .utg-materials-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 32px !important;\n}\n\n#utg-types-module-07 .utg-material-card {\n    background-color: #f8faff !important; \n    border: 1px solid #e1e8f5 !important;\n    border-left: 4px solid #1860A8 !important; \n    padding: 40px 32px !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#utg-types-module-07 .utg-material-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 24px rgba(48, 72, 144, 0.08) !important;\n    border-left-color: #304890 !important;\n}\n\n#utg-types-module-07 h3.utg-h3-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #1860A8 !important; \n    margin: 0 0 16px 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n\n#utg-types-module-07 h3.utg-h3-title::before {\n    content: \"\" !important;\n    display: block !important;\n    width: 8px !important;\n    height: 8px !important;\n    background-color: #1878C0 !important;\n}\n\n#utg-types-module-07 p.utg-card-text {\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   5. \u5e95\u90e8\u603b\u7ed3\u533a\u5757 (Conclusion Box)\n   ========================================== *\/\n#utg-types-module-07 .utg-conclusion-box {\n    background-color: #ffffff !important;\n    border-top: 2px dashed #d1d9e6 !important;\n    padding-top: 32px !important;\n    position: relative !important;\n}\n\n#utg-types-module-07 .utg-conclusion-label {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    color: #3048A8 !important;\n    margin-bottom: 12px !important;\n    display: block !important;\n}\n\n#utg-types-module-07 p.utg-conclusion-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #333333 !important;\n    font-weight: 500 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   6. \u54cd\u5e94\u5f0f\u6298\u53e0\u8bbe\u8ba1 (Responsive Breakpoints)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-types-module-07 .utg-materials-grid {\n        gap: 24px !important;\n    }\n    #utg-types-module-07 .utg-material-card {\n        padding: 32px 24px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-types-module-07 .utg-materials-grid {\n        grid-template-columns: 1fr !important; \n    }\n    #utg-types-module-07 h2.utg-h2-title {\n        font-size: 28px !important; \n    }\n    #utg-types-module-07 p.utg-lead-desc {\n        font-size: 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-types-module-07\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-reveal-item\">\n            <h2 class=\"utg-h2-title\">Ultra-Thin Glass Types & Materials<\/h2>\n            <p class=\"utg-lead-desc\">Not all Ultra-thin Glass is structurally equivalent. Base composition, including the level of aluminosilicate content, controls how the sheet responds to thermal and chemical stress, and the need for bending. Choosing the appropriate raw material on which to build is the first step in any ultra-thin glass project.<\/p>\n        <\/div>\n\n        <div class=\"utg-materials-grid\">\n            \n            <div class=\"utg-material-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\">Aluminosilicate Glass<\/h3>\n                <p class=\"utg-card-text\">This Ultra-thin glass is suitable for applications where a high level of chemical strengthening due to the deep Na+ to K+ ion exchange is required. Deep ion exchange produces a thick layer of compressive stress which makes the glass highly impact and scratch resistant. As a result Corning's Gorilla Glass is probably the most commonly known ultra-thin glass in the world. We are an authorized processor \u2014 CNC cut, edge grind, chemical toughen - for select OEM customers.<\/p>\n            <\/div>\n\n            <div class=\"utg-material-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\">Borosilicate Glass<\/h3>\n                <p class=\"utg-card-text\">Low coefficient of expansion means borosilicate handles sudden temperature variation without stress cracking. Medical, laboratory and high-temperature sensors require borosilicate substrates. As an ultra-thin sheet, borosilicate 0.1-0.5mm performs admirably as a window for sensors which depend on high temperature tolerance and optical transmittance.<\/p>\n            <\/div>\n\n            <div class=\"utg-material-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\">Soda-Lime Glass<\/h3>\n                <p class=\"utg-card-text\">Soda-lime remains a cost-effective material for uses where extensive scratch resistance or thermal stability aren\u2019t necessary. Ultra-thin tempered soda-lime performs well as a smart home display, wide-angle cover, or general use protective barrier. Chemically strengthened soda-lime substrates result in moderate surface compression - stable for touch screens and decorative panels in the absence of excessive light, heat or moisture, at a smaller per-piece cost of material.<\/p>\n            <\/div>\n\n            <div class=\"utg-material-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\">Flexible & Foldable Glass<\/h3>\n                <p class=\"utg-card-text\">At thicknesses less than 0.2 mm aluminosilicate and borosilicate glass become physically bendy. Foldable glass - as employed in Samsung Galaxy Z foldable phones and other bendable gadgets - flexes to radii of less than 5 mm without breaking - not a polymer substitute; proper glass with all the properties of traditional glass, but also capable of repeated folding and unfolding. This is the leading technology in ultra-thin glass.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"utg-conclusion-box utg-reveal-item\">\n            <span class=\"utg-conclusion-label\">Engineering Insight<\/span>\n            <p class=\"utg-conclusion-text\">Every glass technology comes with compromises: aluminosilicate (constructed largely upon a silicon- and aluminum-oxide matrix) provides the best scratch resistance (at a slightly higher cost per m2); borosilicate handles thermal excursions, although harder to achieve equivalent strengthening levels; soda lime is more affordable, but cannot achieve bend radii aluminosilicate can. We help our OEM clients know which material grade best suits each application during the quoting process: high-end specs don\u2019t always make sense if you\u2019re budget-conscious.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealItems = document.querySelectorAll('#utg-types-module-07 .utg-reveal-item');\n    \n    revealItems.forEach((item, index) => {\n        item.style.opacity = '0';\n        item.style.transform = 'translateY(24px)';\n        let delay = index > 0 ? (index % 2 === 0 ? 0.2 : 0.1) : 0; \n        item.style.transition = `opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s`;\n        \n        observer.observe(item);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ba7ec05\" data-block-id=\"ba7ec05\"><style>.stk-ba7ec05 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ba7ec05-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b582386\" data-v=\"4\" data-block-id=\"b582386\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b582386-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b582386-inner-blocks\">\n<style>\n\n#utg-process-module-08 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u9075\u5faa\u8981\u6c42\uff1aSection \u9ad8\u5ea6 padding 40px *\/\n    background-color: #f8faff !important; \n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-process-module-08 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5c45\u4e2d\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-process-module-08 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 36px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (H2 \u5c45\u4e2d\u4e0e\u91cd\u7f6e)\n   ========================================== *\/\n#utg-process-module-08 .utg-header {\n    max-width: 1060px !important;\n    margin: 0 auto !important;\n    text-align: center !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u5c45\u4e2d\u663e\u793a *\/\n}\n\n\/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898\uff0c\u7c7b\u540d\u5f7b\u5e95\u9694\u79bb *\/\n#utg-process-module-08 h2.utg-h2-title {\n    font-size: 32px !important; \n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-process-module-08 p.utg-lead-desc {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u751f\u4ea7\u6d41\u7a0b\u5361\u7247\u9635\u5217 (2x2 Process Grid)\n   ========================================== *\/\n#utg-process-module-08 .utg-process-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 32px !important;\n}\n\n#utg-process-module-08 .utg-step-card {\n    background-color: #f8faff !important;\n    border: 1px solid #e5eaf5 !important;\n    border-radius: 4px !important;\n    padding: 32px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n}\n\n#utg-process-module-08 .utg-step-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 16px 32px rgba(48, 72, 144, 0.08) !important;\n    border-color: #1878C0 !important;\n}\n\n\/* \u6b65\u9aa4\u5e8f\u53f7\u5fbd\u7ae0 (Step Badge) *\/\n#utg-process-module-08 .utg-step-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 48px !important;\n    height: 48px !important;\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    border-radius: 4px !important;\n    margin-bottom: 20px !important;\n    box-shadow: 0 4px 12px rgba(24, 96, 168, 0.2) !important;\n}\n\n\/* H3 \u6807\u9898\u9694\u79bb\u4e0e\u91cd\u7f6e *\/\n#utg-process-module-08 h3.utg-h3-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #304890 !important; \n    margin: 0 0 16px 0 !important;\n    padding: 0 !important;\n    line-height: 1.4 !important;\n}\n\n#utg-process-module-08 p.utg-step-text {\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   5. \u5e95\u90e8\u9ad8\u4eae\u54c1\u63a7\u603b\u7ed3\u533a (Quality Control Box)\n   ========================================== *\/\n#utg-process-module-08 .utg-qc-box {\n    background: linear-gradient(135deg, #304890 0%, #1860A8 100%) !important; \/* \u4e3b\u8272\u8c03\u6df1\u8272\u80cc\u666f *\/\n    border-radius: 6px !important;\n    padding: 48px !important;\n    color: #ffffff !important;\n    box-shadow: 0 12px 32px rgba(48, 72, 144, 0.15) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n\/* \u80cc\u666f\u7eb9\u7406\u88c5\u9970\uff0c\u589e\u52a0\u5de5\u4e1a\u611f *\/\n#utg-process-module-08 .utg-qc-box::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: -50% !important;\n    right: -10% !important;\n    width: 400px !important;\n    height: 400px !important;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%) !important;\n    border-radius: 50% !important;\n    pointer-events: none !important;\n}\n\n\/* H4 \u91cd\u7f6e\uff1a\u7528\u4e8e\u603b\u7ed3\u6846\u6807\u9898 *\/\n#utg-process-module-08 h4.utg-h4-title {\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #ffffff !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    line-height: 1.3 !important;\n}\n\n#utg-process-module-08 p.utg-qc-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n    margin: 0 !important;\n    font-weight: 400 !important;\n}\n\n\/* ==========================================\n   6. \u54cd\u5e94\u5f0f\u63a7\u5236 (Responsive Strategy)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-process-module-08 .utg-process-grid {\n        gap: 24px !important;\n    }\n    #utg-process-module-08 .utg-qc-box {\n        padding: 40px 32px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-process-module-08 .utg-process-grid {\n        grid-template-columns: 1fr !important; \/* \u7a84\u5c4f\u5b8c\u7f8e\u6298\u53e0\u4e3a\u5355\u5217 *\/\n        gap: 20px !important;\n    }\n    #utg-process-module-08 h2.utg-h2-title {\n        font-size: 28px !important;\n    }\n    #utg-process-module-08 .utg-qc-box {\n        padding: 32px 24px !important;\n    }\n    #utg-process-module-08 h4.utg-h4-title {\n        font-size: 20px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-process-module-08\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-reveal-item\">\n            <h2 class=\"utg-h2-title\">How Ultra-Thin Glass Is Made<\/h2>\n            <p class=\"utg-lead-desc\">Producing glass so thin requires significantly tighter process controls than standard flat architectural material: each step of forming, cutting, and inspecting has narrower tolerances to ensure we hit our targets every run.<\/p>\n        <\/div>\n\n        <div class=\"utg-process-grid\">\n            \n            <div class=\"utg-step-card utg-reveal-item\">\n                <div class=\"utg-step-badge\">01<\/div>\n                <h3 class=\"utg-h3-title\">Glass Forming<\/h3>\n                <p class=\"utg-step-text\">The fusion draw process relies on a pristine surface that doesn\u2019t require grinding; molten glass is drawn from 2 sides of the isopipe, fused at the bottom, producing a substrate suitable for transparent optical applications straight off the line.<\/p>\n            <\/div>\n\n            <div class=\"utg-step-card utg-reveal-item\">\n                <div class=\"utg-step-badge\">02<\/div>\n                <h3 class=\"utg-h3-title\">CNC Machining<\/h3>\n                <p class=\"utg-step-text\">Diamond-tipped CNC equipment cut, drill, profile, and score ultra-thin glass panels for OEM customers. For substrates below 0.5 mm in thickness, coolant and feed rate must be carefully balanced to avoid edge chips \u2014 we\u2019ve learned how to do so through daily repetition.<\/p>\n            <\/div>\n\n            <div class=\"utg-step-card utg-reveal-item\">\n                <div class=\"utg-step-badge\">03<\/div>\n                <h3 class=\"utg-h3-title\">Chemical Strengthening<\/h3>\n                <p class=\"utg-step-text\">Ion exchange immerses the glass in a molten potassium salt bath, replacing small sodium ions with larger potassium ions and endowing the surface with very high levels of compressive stress (CS) \u2014 values well exceeding 450 MPa, with a depth of layer (DOL) of greater than 8 micrometers \u2014 capable of withstanding impacts that a thicker, heavier piece of glass could never survive.<\/p>\n            <\/div>\n\n            <div class=\"utg-step-card utg-reveal-item\">\n                <div class=\"utg-step-badge\">04<\/div>\n                <h3 class=\"utg-h3-title\">Surface Treatment<\/h3>\n                <p class=\"utg-step-text\">Additional coatings on top of the strengthened glass \u2014 ambient light reduction (AR), fingerprint resistance (AF), glare reduction (AG), and conductive (ITO) \u2014 carried out by vacuum depositors or screen printers depending on the coating and substrate size.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"utg-qc-box utg-reveal-item\">\n            <h4 class=\"utg-h4-title\">Why does the manufacturing process matter?<\/h4>\n            <p class=\"utg-qc-text\">Every step introduces new variables that impact the quality of the final product. A batch of uneven thickness glass will produce mismatched stress points during chemical strengthening that will cause warping or broken modules before end use in the field. All of that glass is run through inline thickness measurement at the forming stage, and every finished panel is subjected to a salt bath compression test, and any out-of-spec finished panels are scrapped. That quality control discipline is how we deliver ultra-thin glass that delivers over production runs of 1 million+ pieces per year.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ \u4f7f\u7528 Intersection Observer \u63a7\u5236\u51fa\u73b0\u52a8\u753b\uff0c\u786e\u4fdd\u6d41\u7545\u5ea6\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealItems = document.querySelectorAll('#utg-process-module-08 .utg-reveal-item');\n    \n    \/\/ \u521d\u59cb\u5316\u65f6\u901a\u8fc7 JS \u8bbe\u7f6e\u521d\u59cb\u6837\u5f0f\uff0c\u9632\u6b62 FlyingPress \u5ef6\u8fdf JS \u5bfc\u81f4\u5143\u7d20\u5f7b\u5e95\u4e0d\u53ef\u89c1\n    revealItems.forEach((item, index) => {\n        item.style.opacity = '0';\n        item.style.transform = 'translateY(24px)';\n        \/\/ \u4e3a\u7f51\u683c\u4e2d\u7684\u5361\u7247\u8bbe\u7f6e\u4ea4\u9519\u51fa\u73b0\u7684\u5fae\u5c0f\u5ef6\u8fdf\uff0c\u589e\u52a0\u89c6\u89c9\u9ad8\u7ea7\u611f\n        let delay = index > 0 ? (index % 2 === 0 ? 0.2 : 0.1) : 0; \n        if (item.classList.contains('utg-qc-box')) delay = 0.3; \/\/ \u5e95\u90e8\u603b\u7ed3\u6846\u6700\u540e\u51fa\u73b0\n        \n        item.style.transition = `opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s`;\n        \n        observer.observe(item);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2f10bd6\" data-block-id=\"2f10bd6\"><style>.stk-2f10bd6 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2f10bd6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3ee0bc7\" data-v=\"4\" data-block-id=\"3ee0bc7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3ee0bc7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3ee0bc7-inner-blocks\">\n<style>\n\n#utg-applications-09 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u4e25\u683c\u9075\u5b88\u8981\u6c42\u7684 40px \u4e0a\u4e0b\u5185\u8fb9\u8ddd *\/\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-applications-09 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5c45\u4e2d\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-applications-09 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 36px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df\u4e0e SEO ARIA \u6807\u7b7e\u91cd\u7f6e\n   ========================================== *\/\n#utg-applications-09 .utg-header {\n    max-width: 990px !important;\n    margin: 0 auto !important;\n    text-align: center !important;\n}\n\n\/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898\u3002\u4f7f\u7528\u7c7b\u540d\u9694\u79bb\u3002 *\/\n#utg-applications-09 .utg-h2-title {\n    font-size: 32px !important; \n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n}\n\n#utg-applications-09 .utg-header-line {\n    display: block !important;\n    width: 60px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    margin: 0 auto 24px auto !important;\n}\n\n#utg-applications-09 .utg-lead-desc {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u5e94\u7528\u573a\u666f\u5361\u7247\u9635\u5217 (3x2 CSS Grid)\n   ========================================== *\/\n#utg-applications-09 .utg-app-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 32px !important;\n}\n\n#utg-applications-09 .utg-app-card {\n    background-color: #ffffff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-radius: 6px !important;\n    padding: 40px 32px !important;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease !important;\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    overflow: hidden !important;\n}\n\n\/* \u5361\u7247\u9876\u90e8\u7684\u4e3b\u8272\u8c03\u88c5\u9970\u6761 *\/\n#utg-applications-09 .utg-app-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: 4px !important;\n    background: linear-gradient(90deg, #1860A8 0%, #1878C0 100%) !important;\n    transform: scaleX(0) !important;\n    transform-origin: left !important;\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n}\n\n#utg-applications-09 .utg-app-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 20px 40px rgba(48, 72, 144, 0.08) !important;\n    border-color: transparent !important;\n}\n\n#utg-applications-09 .utg-app-card:hover::before {\n    transform: scaleX(1) !important;\n}\n\n\/* SEO \u53cb\u597d\u7684\u975e\u8bed\u4e49 H3 \u6807\u9898 *\/\n#utg-applications-09 .utg-h3-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #3048A8 !important; \/* \u5f3a\u8c03\u8272 *\/\n    margin: 0 0 16px 0 !important;\n    line-height: 1.4 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n\n\/* \u6781\u7b80\u5de5\u4e1a\u98ce\u683c\u7684\u88c5\u9970\u65b9\u5757\uff0c\u4ee3\u66ff\u81c3\u80bf\u7684\u56fe\u7247Icon *\/\n#utg-applications-09 .utg-h3-title::before {\n    content: \"\" !important;\n    display: inline-block !important;\n    width: 12px !important;\n    height: 12px !important;\n    background-color: #1878C0 !important;\n    border-radius: 2px !important;\n}\n\n#utg-applications-09 .utg-app-text {\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   5. \u54cd\u5e94\u5f0f\u6298\u53e0\u8bbe\u8ba1 (Responsive Breakpoints)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-applications-09 .utg-app-grid {\n        grid-template-columns: repeat(2, 1fr) !important; \/* \u5e73\u677f\u53d8\u4e3a\u4e24\u5217 *\/\n        gap: 24px !important;\n    }\n    #utg-applications-09 .utg-app-card {\n        padding: 32px 24px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-applications-09 .utg-app-grid {\n        grid-template-columns: 1fr !important; \/* \u624b\u673a\u7aef\u5b8c\u7f8e\u6298\u53e0\u4e3a\u5355\u5217 *\/\n    }\n    #utg-applications-09 .utg-h2-title {\n        font-size: 28px !important; \n    }\n    #utg-applications-09 .utg-lead-desc {\n        font-size: 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-applications-09\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-reveal-item\">\n            <h2 class=\"utg-h2-title\" role=\"heading\" aria-level=\"2\">Display, Automotive & Industrial Applications<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n            <div class=\"utg-lead-desc\">The applications for ultra-thin glass that we provide are varied; transparency, durability, and weight all come into play depending on the industry.<\/div>\n        <\/div>\n\n        <div class=\"utg-app-grid\">\n            \n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Display Cover Glass<\/h3>\n                <div class=\"utg-app-text\">Cell phone displays, electronics touchscreens, and flexible displays all use ultra-thin chemically strengthened glass as the impact and scratch resistant primary display surface. Between 0.3mm and 0.55mm, glass provides excellent surface hardness with minimal impact on the overall device size and weight. Foldable smartphone displays - like the Z series from Samsung - require a glass substrate that is flexible enough to repeatedly fold at sub-5mm radius.<\/div>\n            <\/div>\n\n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Automotive Displays<\/h3>\n                <div class=\"utg-app-text\">Automotive domes, instrument clusters, and head-up display (HUD) elements use ultra-thin, chemically strengthened glass as a durable optical material. Built to withstand thermal cycling and vibration in the -40~85C range specified by ISO 16750, aluminosilicate is the best choice for the harsh automotive environment.<\/div>\n            <\/div>\n\n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Industrial HMI Touchscreens<\/h3>\n                <div class=\"utg-app-text\">Automation factory floor panel controls in the petrochemical industry require impact, chemical, and temperature cycling resistance; processors, operators, and robots make contact with every surface in the full control cycle. Cover glass with positively charged AG film substrate improves viewability under high-bay lighting, and chemically strengthened glass withstands submersion cleaning in alcohol and peroxide for years of smooth operation.<\/div>\n            <\/div>\n\n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Medical Device Displays<\/h3>\n                <div class=\"utg-app-text\">User interfaces, sensors, infusion pump monitors all have patient contact and require biocompatible surface treatments. Medical applications demand the optical clarity and functional cleanliness of glass far more than of polymer materials; gentle repeated cleaning with alcohol and peroxide-based substances leaves a minimum amount of wear.<\/div>\n            <\/div>\n\n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Sensor Windows & Optical Modules<\/h3>\n                <div class=\"utg-app-text\">LiDAR sensors, IR detectors, and optical modules all have thin glass windows as protective covers that deposit little signal attenuation. Between 0.1mm and 0.3mm thickness, chemically strengthened glass deposits less optical distortion than thicker protective materials, and AR coatings maximize efficiency in the target wavelengths.<\/div>\n            <\/div>\n\n            <div class=\"utg-app-card utg-reveal-item\">\n                <h3 class=\"utg-h3-title\" role=\"heading\" aria-level=\"3\">Smart Home & IoT Panels<\/h3>\n                <div class=\"utg-app-text\">Application: Switch covers, display screens, and automation panels in the home, factory, or office all need to convey a high-tech image, but also need to be easy to clean. Thin glass with pressed indicator graphics under the surface affords an attractive and detailed control panel that will outlast its printed plastic equivalents by several years.<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ \u91c7\u7528\u539f\u751f Intersection Observer \u786e\u4fdd\u6ed1\u52a8\u65f6\u7684\u52a8\u6548\u6d41\u7545\u4e14\u4e0d\u5f71\u54cd\u9996\u5c4f\u52a0\u8f7d\u65f6\u95f4\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealItems = document.querySelectorAll('#utg-applications-09 .utg-reveal-item');\n    \n    \/\/ \u521d\u59cb\u5316\u5361\u7247\u9690\u85cf\u72b6\u6001\uff0c\u4e3a 3x2 \u7f51\u683c\u8ba1\u7b97\u68af\u7ea7\u5ef6\u8fdf\u52a8\u753b\n    revealItems.forEach((item, index) => {\n        item.style.opacity = '0';\n        item.style.transform = 'translateY(30px)';\n        \n        \/\/ \u4e3a\u6bcf\u4e00\u6392\u7684 3 \u4e2a\u5361\u7247\u521b\u5efa\u4f9d\u6b21\u51fa\u73b0\u7684\u7011\u5e03\u6d41\u5ef6\u8fdf (0s, 0.1s, 0.2s)\n        let delay = 0;\n        if (index > 0) {\n            delay = ((index - 1) % 3) * 0.15 + 0.1;\n        }\n        \n        item.style.transition = `opacity 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s, transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s`;\n        \n        observer.observe(item);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3cb5e72\" data-block-id=\"3cb5e72\"><style>.stk-3cb5e72 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3cb5e72-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-88a0a0c\" data-v=\"4\" data-block-id=\"88a0a0c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-88a0a0c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-88a0a0c-inner-blocks\">\n<style>\n\n#utg-fab-specs-11 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u9075\u5faa\u8981\u6c42\uff1aSection \u9ad8\u5ea6 padding 40px *\/\n    background-color: #f8faff !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-fab-specs-11 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5168\u5bbd\u81ea\u9002\u5e94\u4f38\u5c55)\n   ========================================== *\/\n#utg-fab-specs-11 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 38px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (\u4e25\u683c\u5c45\u4e2d\u4e0e\u771f\u5b9e\u7684 H2 \u6807\u7b7e)\n   ========================================== *\/\n#utg-fab-specs-11 .utg-header {\n    text-align: center !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u5168\u5c40\u5c45\u4e2d *\/\n    max-width: 1000px !important;\n    margin: 0 auto !important; \/* \u5c45\u4e2d\u5bf9\u9f50\uff0c\u6d88\u9664\u4e0d\u89c4\u5219\u7559\u767d *\/\n}\n\n\/* \u771f\u5b9e\u7684 H2 \u6807\u7b7e\uff0c\u901a\u8fc7\u5f3a\u9694\u79bb\u963b\u65ad Blocksy \u5e72\u6270 *\/\n#utg-fab-specs-11 h2.utg-h2-title {\n    font-size: 32px !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898 *\/\n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-fab-specs-11 .utg-lead-text {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u6781\u7b80\u6241\u5e73\u5316\u5de5\u4e1a\u89c4\u683c\u8868 (Flat Design Table)\n   ========================================== *\/\n#utg-fab-specs-11 .utg-table-wrapper {\n    width: 100% !important;\n    overflow-x: auto !important; \/* \u79fb\u52a8\u7aef\u81ea\u9002\u5e94\uff1a\u6a2a\u5411\u6eda\u52a8\u9632\u7834\u7248 *\/\n    background: #ffffff !important;\n    \/* \u6241\u5e73\u5316\u8bbe\u8ba1\uff1a\u53bb\u9664\u6240\u6709\u591a\u4f59\u9634\u5f71\uff0c\u4f7f\u7528\u5e72\u51c0\u7684 1px \u8fb9\u6846 *\/\n    border: 1px solid #e1e8f5 !important; \n    border-radius: 4px !important;\n}\n\n#utg-fab-specs-11 .utg-spec-table {\n    width: 100% !important;\n    min-width: 800px !important; \/* \u7a84\u5c4f\u81ea\u52a8\u6298\u53e0\u5e95\u7ebf\uff0c\u4fdd\u8bc1\u8868\u683c\u53ef\u8bfb\u6027 *\/\n    border-collapse: collapse !important;\n    text-align: left !important;\n    margin: 0 !important;\n}\n\n#utg-fab-specs-11 .utg-spec-table th {\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    padding: 18px 24px !important;\n    border-bottom: none !important;\n}\n\n#utg-fab-specs-11 .utg-spec-table td {\n    padding: 16px 24px !important;\n    border-bottom: 1px solid #e1e8f5 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    vertical-align: top !important;\n}\n\n#utg-fab-specs-11 .utg-spec-table tr:last-child td {\n    border-bottom: none !important; \/* \u53bb\u9664\u6700\u540e\u4e00\u884c\u7684\u5e95\u8fb9\u6846\uff0c\u7ec6\u8282\u8d28\u611f *\/\n}\n\n\/* \u6591\u9a6c\u7ebf\u4ea4\u4e92 *\/\n#utg-fab-specs-11 .utg-spec-table tr:nth-child(even) td {\n    background-color: #fcfcfd !important; \/* \u6781\u6d45\u7070\u767d\u6591\u9a6c\u7ebf\uff0c\u6241\u5e73\u4e14\u514b\u5236 *\/\n}\n\n#utg-fab-specs-11 .utg-spec-table tr:hover td {\n    background-color: #f0f4fa !important;\n    transition: background-color 0.2s ease !important;\n}\n\n\/* \u680f\u76ee\u89c6\u89c9\u5c42\u7ea7\u5212\u5206 *\/\n#utg-fab-specs-11 .utg-col-capability {\n    font-weight: 600 !important;\n    color: #304890 !important;\n    width: 25% !important;\n}\n\n#utg-fab-specs-11 .utg-col-spec {\n    font-weight: 500 !important;\n    color: #333333 !important;\n    width: 40% !important;\n}\n\n#utg-fab-specs-11 .utg-col-notes {\n    font-weight: 400 !important;\n    color: #666666 !important;\n    font-size: 14px !important;\n    width: 35% !important;\n}\n\n\/* ==========================================\n   5. \u5e95\u90e8\u603b\u7ed3\u4e0e CTA (\u5f7b\u5e95\u5c45\u4e2d\uff0c\u9ad8\u7ea7\u6241\u5e73\u5316\u6846)\n   ========================================== *\/\n#utg-fab-specs-11 .utg-footer-box {\n    background-color: #fff !important; \/* B2B \u7ecf\u5178\u5de5\u4e1a\u84dd\u7070\u5e95\u8272 *\/\n    border-top: 4px solid #1878C0 !important; \/* \u6241\u5e73\u5316\u7684\u9876\u90e8\u8272\u5e26\u5f3a\u8c03 *\/\n    padding: 38px 24px !important;\n    border-radius: 4px !important;\n    text-align: center !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u533a\u57df\u5185\u5bb9\u5168\u90e8\u5c45\u4e2d *\/\n}\n\n\/* \u771f\u5b9e\u7684 H3 \u6807\u7b7e\uff0c\u5229\u4e8e SEO\uff0c\u91cd\u7f6e\u9694\u79bb *\/\n#utg-fab-specs-11 h3.utg-h3-title {\n    font-size: 24px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    line-height: 1.3 !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-fab-specs-11 .utg-footer-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #4b5563 !important;\n    max-width: 1100px !important;\n    margin: 0 auto 32px auto !important; \/* \u5c45\u4e2d\u6536\u675f\uff0c\u907f\u514d\u62c9\u4f38\u8fc7\u5bbd *\/\n}\n\n\/* \u6241\u5e73\u5316 CTA \u6309\u94ae *\/\n#utg-fab-specs-11 .utg-btn-primary {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    padding: 16px 40px !important;\n    border-radius: 2px !important; \/* \u6781\u7b80\u7684\u5fae\u5706\u89d2 *\/\n    transition: background-color 0.3s ease, transform 0.2s ease !important;\n}\n\n#utg-fab-specs-11 .utg-btn-primary:hover {\n    background-color: #1860A8 !important;\n    transform: translateY(-2px) !important;\n}\n\n\/* ==========================================\n   6. \u54cd\u5e94\u5f0f\u63a7\u5236 (Responsive Breakpoints)\n   ========================================== *\/\n@media (max-width:690px) {\n    #utg-fab-specs-11 .utg-h2-title {\n        font-size: 28px !important;\n    }\n    #utg-fab-specs-11 h3.utg-h3-title {\n        font-size: 20px !important;\n    }\n    #utg-fab-specs-11 .utg-lead-text,\n    #utg-fab-specs-11 .utg-footer-text {\n        font-size: 15px !important;\n    }\n    #utg-fab-specs-11 .utg-spec-table th, \n    #utg-fab-specs-11 .utg-spec-table td {\n        padding: 12px 16px !important;\n    }\n    #utg-fab-specs-11 .utg-footer-box {\n        padding: 32px 20px !important;\n    }\n    #utg-fab-specs-11 .utg-btn-primary {\n        width: 100% !important; \/* \u7a84\u5c4f\u65f6\u6309\u94ae\u5168\u5bbd\uff0c\u65b9\u4fbf\u624b\u6307\u70b9\u51fb *\/\n    }\n}\n<\/style>\n\n<section id=\"utg-fab-specs-11\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-fade-in\">\n            <h2 class=\"utg-h2-title\">Custom Glass Fabrication & Coating Services<\/h2>\n            <p class=\"utg-lead-text\">Processing a panel means painting, etching, and applying hardcoats to the surface, cutting to size, and then strengthening it to shipping quality. SW Glass handles the full sourcing, process development, and finishing of each project \u2014 all in one place.<\/p>\n        <\/div>\n\n        <div class=\"utg-table-wrapper utg-fade-in\">\n            <table class=\"utg-spec-table\">\n                <thead>\n                    <tr>\n                        <th>Capability<\/th>\n                        <th>Specification<\/th>\n                        <th>Notes<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td class=\"utg-col-capability\">Thickness Range<\/td>\n                        <td class=\"utg-col-spec\">0.1 mm \u2013 19 mm<\/td>\n                        <td class=\"utg-col-notes\">Ultra-thin focus: 0.1 \u2013 2.0 mm<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">Maximum Panel Size<\/td>\n                        <td class=\"utg-col-spec\">Up to 1500 \u00d7 1000 mm<\/td>\n                        <td class=\"utg-col-notes\">Dependent on thickness; thinner substrates have smaller max dimensions<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">Chemical Strengthening<\/td>\n                        <td class=\"utg-col-spec\">CS > 450 MPa, DOL > 8 \u03bcm<\/td>\n                        <td class=\"utg-col-notes\">Potassium ion exchange at 380\u2013450\u00b0C<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">CNC Machining<\/td>\n                        <td class=\"utg-col-spec\">Cutting, drilling, edge profiling, chamfering<\/td>\n                        <td class=\"utg-col-notes\">100+ automated CNC stations<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">AR Coating<\/td>\n                        <td class=\"utg-col-spec\">Reflectance < 0.5% per surface<\/td>\n                        <td class=\"utg-col-notes\">Multi-layer vacuum deposition<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">AF Coating<\/td>\n                        <td class=\"utg-col-spec\">Water contact angle > 110\u00b0<\/td>\n                        <td class=\"utg-col-notes\">Anti-fingerprint, oleophobic<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">AG Coating<\/td>\n                        <td class=\"utg-col-spec\">Gloss: 80\u2013120 GU adjustable<\/td>\n                        <td class=\"utg-col-notes\">Chemical etch or spray process<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">ITO Coating<\/td>\n                        <td class=\"utg-col-spec\">Sheet resistance: 5\u2013300 \u03a9\/sq<\/td>\n                        <td class=\"utg-col-notes\">For capacitive touch and heated glass applications<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">Screen Printing<\/td>\n                        <td class=\"utg-col-spec\">Up to 4-color, registration \u00b10.1 mm<\/td>\n                        <td class=\"utg-col-notes\">Ceramic ink, UV ink, or conductive paste<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">Surface Finish<\/td>\n                        <td class=\"utg-col-spec\">Ra < 0.5 nm (optically polished)<\/td>\n                        <td class=\"utg-col-notes\">Fusion draw substrates; polishing available for other forming methods<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"utg-col-capability\">Annual Capacity<\/td>\n                        <td class=\"utg-col-spec\">1,000,000+ pieces<\/td>\n                        <td class=\"utg-col-notes\">Across 3 facilities: Dongguan, Heyuan, Henan<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"utg-footer-box utg-fade-in\">\n            <h3 class=\"utg-h3-title\">What differentiates our glass solutions?<\/h3>\n            <p class=\"utg-footer-text\">One facility handling every operation from raw substrate to finished, coated glass panels. A typical project runs from raw thin glass sheet to chemically strengthened, optically coated, CNC-cut panel in one location, saving time and maintaining tight quality control. For multi-layer optical coatings (AR + AF, or AG + ITO) we integrate the full sequence on site.<\/p>\n            <a href=\"#ct-popup-787\" class=\"utg-btn-primary\">Get a Custom Fabrication Quote<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const animateElements = document.querySelectorAll('#utg-fab-specs-11 .utg-fade-in');\n    \n    animateElements.forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        el.style.transition = `opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${index * 0.15}s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${index * 0.15}s`;\n        \n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-cd885cb\" data-block-id=\"cd885cb\"><style>.stk-cd885cb {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cd885cb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d22f3da\" data-v=\"4\" data-block-id=\"d22f3da\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d22f3da-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d22f3da-inner-blocks\">\n<style>\n\n#utg-case-studies-12 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u4e25\u683c\u9075\u5b88\u8981\u6c42\u7684 40px \u4e0a\u4e0b\u5185\u8fb9\u8ddd *\/\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-case-studies-12 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5168\u5bbd\u81ea\u9002\u5e94\u4f38\u5c55)\n   ========================================== *\/\n#utg-case-studies-12 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 36px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (H2 \u4e25\u683c\u5c45\u4e2d\u4e0e SEO \u6807\u7b7e)\n   ========================================== *\/\n#utg-case-studies-12 .utg-header {\n    text-align: center !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u5168\u5c40\u5c45\u4e2d *\/\n    max-width: 960px !important;\n    margin: 0 auto !important;\n}\n\n\/* \u771f\u5b9e\u7684 H2 \u6807\u7b7e\uff0c\u901a\u8fc7\u5f3a\u9694\u79bb\u963b\u65ad Blocksy \u5e72\u6270 *\/\n#utg-case-studies-12 h2.utg-h2-title {\n    font-size: 32px !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898 *\/\n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-case-studies-12 .utg-header-line {\n    display: block !important;\n    width: 64px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    margin: 0 auto 24px auto !important;\n}\n\n#utg-case-studies-12 p.utg-lead-desc {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u6848\u4f8b\u5361\u7247\u9635\u5217 (3x1 CSS Grid)\n   ========================================== *\/\n#utg-case-studies-12 .utg-cases-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 32px !important;\n    align-items: stretch !important;\n}\n\n#utg-case-studies-12 .utg-case-card {\n    background-color: #ffffff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-top: 4px solid #1878C0 !important; \/* \u9876\u90e8\u5de5\u4e1a\u8d28\u611f\u8272\u5e26 *\/\n    border-radius: 4px !important;\n    padding: 40px 32px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n}\n\n#utg-case-studies-12 .utg-case-card:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 20px 40px rgba(48, 72, 144, 0.08) !important;\n}\n\n\/* ==========================================\n   5. \u6848\u4f8b\u5185\u5bb9\u5c42\u7ea7 (H3 \u884c\u4e1a \/ H4 \u9879\u76ee\u540d)\n   ========================================== *\/\n\/* H3\uff1a\u884c\u4e1a\u5206\u7c7b (\u5982 Automotive) *\/\n#utg-case-studies-12 h3.utg-h3-industry {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    margin: 0 0 16px 0 !important;\n    padding: 0 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n}\n\n#utg-case-studies-12 h3.utg-h3-industry::before {\n    content: \"\" !important;\n    display: block !important;\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #3048A8 !important;\n    border-radius: 50% !important;\n}\n\n\/* H4\uff1a\u5177\u4f53\u9879\u76ee\u540d\u79f0 *\/\n#utg-case-studies-12 h4.utg-h4-project {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    line-height: 1.4 !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 0 24px 0 !important;\n    border-bottom: 1px solid #e1e8f5 !important; \/* \u5206\u5272\u7ebf *\/\n}\n\n\/* \u6570\u636e\u6bb5\u843d\uff1aChallenge \/ Solution \/ Result *\/\n#utg-case-studies-12 .utg-data-group {\n    margin-bottom: 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 6px !important;\n}\n\n#utg-case-studies-12 .utg-data-group:last-child {\n    margin-bottom: 0 !important;\n}\n\n#utg-case-studies-12 .utg-data-label {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #3048A8 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n}\n\n#utg-case-studies-12 p.utg-data-text {\n    font-size: 15px !important;\n    line-height: 1.7 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n}\n\n\/* \u91cd\u70b9\u9ad8\u4eae Result\/Outcome\/Validation \u533a\u5757\u7684\u80cc\u666f\u8272 *\/\n#utg-case-studies-12 .utg-data-group.utg-highlight {\n    background-color: #f8faff !important;\n    padding: 16px !important;\n    border-radius: 4px !important;\n    border-left: 3px solid #1860A8 !important;\n    margin-top: auto !important; \/* \u5f3a\u5236\u5bf9\u9f50\u5230\u5e95\u90e8 *\/\n}\n\n\/* ==========================================\n   6. \u54cd\u5e94\u5f0f\u63a7\u5236 (Responsive Breakpoints)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-case-studies-12 .utg-cases-grid {\n        grid-template-columns: repeat(2, 1fr) !important; \/* \u5e73\u677f\u53d82\u5217 *\/\n        gap: 24px !important;\n    }\n    #utg-case-studies-12 .utg-case-card {\n        padding: 32px 24px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-case-studies-12 .utg-cases-grid {\n        grid-template-columns: 1fr !important; \/* \u624b\u673a\u5355\u5217 *\/\n    }\n    #utg-case-studies-12 h2.utg-h2-title {\n        font-size: 28px !important;\n    }\n    #utg-case-studies-12 p.utg-lead-desc {\n        font-size: 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-case-studies-12\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-reveal-elem\">\n            <h2 class=\"utg-h2-title\">Case Studies: Ultra-Thin Glass Projects<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n            <p class=\"utg-lead-desc\">Here are examples of typical jobs we do, which each required a different combination of material choice, processing and testing. This is the reality of custom glass fabrication work.<\/p>\n        <\/div>\n\n        <div class=\"utg-cases-grid\">\n            \n            <div class=\"utg-case-card utg-reveal-elem\">\n                <h3 class=\"utg-h3-industry\">Industrial HMI<\/h3>\n                <h4 class=\"utg-h4-project\">12.1\" Touchscreen Cover Glass for Factory Automation<\/h4>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Challenge<\/span>\n                    <p class=\"utg-data-text\">An automation equipment manufacturer asked for cover glass for 12.1\" HMI touchscreens fitted on CNC machining centers. The glass needed to survive coolant splash, operator impacts with gloved hands, and glare from overhead lighting.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Solution<\/span>\n                    <p class=\"utg-data-text\">0.7 mm chemically strengthened aluminosilicate glass with AG coating (gloss curve tuned to 90 GU). Edges were CNC-edged to avoid chipping in panel assembly. Each batch was tested with 100% inline inspection of cosmetic finish using vision system.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group utg-highlight\">\n                    <span class=\"utg-data-label\">Result<\/span>\n                    <p class=\"utg-data-text\">The AG coating reduced reflectivity to the degree that the display was visually accessible in 1000-lux factory light. A lower field failure rate due to glass breakage was observed in comparison to the soda-lime panels used by the OEM in its warranty history.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-case-card utg-reveal-elem\">\n                <h3 class=\"utg-h3-industry\">Automotive<\/h3>\n                <h4 class=\"utg-h4-project\">Instrument Cluster Glass for a European Tier 1 Supplier<\/h4>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Challenge<\/span>\n                    <p class=\"utg-data-text\">A Tier 1 automotive OEM needed 0.55 mm curved display cover glass integrated into a grouped instrument cluster for a European car platform. The glass had to pass ISO 16750-4 thermal cycling tests and comply with PPAP classification standards.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Material<\/span>\n                    <p class=\"utg-data-text\">Aluminosilicate substrate, chemically strengthened to CS greater than 500 MPa. Interior AR coating minimized double-image ghosting at extreme angles of view. Dimensional control maintained to a tolerance of 0.15 mm along the curve profile.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group utg-highlight\">\n                    <span class=\"utg-data-label\">Outcome<\/span>\n                    <p class=\"utg-data-text\">The finished panels withstood 1000-cycle thermal cycle (-40C to +85C) and salt spray testing without delaminating or coating degradation. The project shipped from prototype approval to volume production within 1 quarter.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-case-card utg-reveal-elem\">\n                <h3 class=\"utg-h3-industry\">Medical Device<\/h3>\n                <h4 class=\"utg-h4-project\">Patient Monitor Display Glass with Biocompatible Coating<\/h4>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Requirements<\/span>\n                    <p class=\"utg-data-text\">A medical device OEM specified a 1.1 mm cover glass for a bedside patient monitor system. The surface needed to tolerate daily disinfection with hydrogen peroxide wipes (without AF coating degradation), and meet biocompatibility standards as defined by ISO 10993.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group\">\n                    <span class=\"utg-data-label\">Solution<\/span>\n                    <p class=\"utg-data-text\">Borosilicate substrate chosen for chemical-neutrality and stability. AF coating was tested through >5000 hydrogen peroxide wipe cycles. Biocompatibility testing conducted by third-party laboratory authorized to perform such tests.<\/p>\n                <\/div>\n                \n                <div class=\"utg-data-group utg-highlight\">\n                    <span class=\"utg-data-label\">Validation<\/span>\n                    <p class=\"utg-data-text\">Final panels passed ISO 10993-5 (cytotoxicity) and ISO 10993-10 (skin sensitization). AF coating maintained a water contact angle above 100 after wipe-cycle test.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ \u4f7f\u7528\u539f\u751f\u7684 Intersection Observer \u786e\u4fdd\u6ed1\u52a8\u65f6\u52a8\u6548\u6d41\u7545\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const revealElements = document.querySelectorAll('#utg-case-studies-12 .utg-reveal-elem');\n    \n    \/\/ JS \u521d\u59cb\u5316\u903b\u8f91\uff1a\u53ea\u6709\u5728\u811a\u672c\u6210\u529f\u8fd0\u884c\u65f6\u624d\u5e94\u7528\u900f\u660e\u5ea6\u548c\u4f4d\u79fb\u3002\n    \/\/ \u8fd9\u662f\u4e00\u79cd\u964d\u7ea7\u4fdd\u62a4\uff0c\u907f\u514d\u56e0\u7f13\u5b58\u63d2\u4ef6\u5ef6\u8fdf JS \u5bfc\u81f4\u5361\u7247\u4e00\u76f4\u5904\u4e8e invisible \u72b6\u6001\u3002\n    revealElements.forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        \n        \/\/ \u9636\u68af\u5f0f\u5ef6\u8fdf\u52a8\u753b\uff0c\u8ba93\u5f20\u5361\u7247\u6709\u7011\u5e03\u6d41\u5f0f\u7684\u4e1d\u6ed1\u8fdb\u5165\u6548\u679c\n        let delay = index === 0 ? 0 : (index * 0.15);\n        el.style.transition = `opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) ${delay}s`;\n        \n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-e8a66e4\" data-block-id=\"e8a66e4\"><style>.stk-e8a66e4 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-e8a66e4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-94a7be3\" data-v=\"4\" data-block-id=\"94a7be3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-94a7be3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-94a7be3-inner-blocks\">\n<style>\n\n#utg-quality-flat-14 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u589e\u52a0\u4e0a\u4e0b\u547c\u5438\u611f *\/\n    background-color: #f8faff !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-quality-flat-14 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5168\u5bbd\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-quality-flat-14 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 34px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (\u4e25\u683c\u5c45\u4e2d\u4e0e\u771f\u5b9e H2)\n   ========================================== *\/\n#utg-quality-flat-14 .utg-header {\n    text-align: center !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n}\n\n\/* \u5f3a\u9694\u79bb\u91cd\u7f6e\u7684\u771f\u5b9e H2\uff0c\u5438\u6536\u6700\u9ad8 SEO \u6743\u91cd *\/\n#utg-quality-flat-14 h2.utg-h2-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n\/* \u6241\u5e73\u5316\u6781\u7b80\u5206\u5272\u7ebf *\/\n#utg-quality-flat-14 .utg-header-line {\n    display: block !important;\n    width: 48px !important;\n    height: 3px !important;\n    background-color: #1860A8 !important;\n    margin: 0 auto 24px auto !important;\n}\n\n#utg-quality-flat-14 p.utg-lead-text {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u65e0\u7f1d\u4f38\u5c55\u8ba4\u8bc1\u7f51\u683c (\u6d88\u9664\u4e0d\u89c4\u5219\u7559\u767d\u7684\u7ec8\u6781\u65b9\u6848)\n   ========================================== *\/\n#utg-quality-flat-14 .utg-certs-seamless {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    \/* \u5229\u7528\u80cc\u666f\u8272\u548c gap \u6a21\u62df\u6781\u7ec6\u8fb9\u6846\uff0c\u5b9e\u73b0\u65e0\u7f1d\u8868\u683c\u611f *\/\n    gap: 1px !important;\n    background-color: #e5eaf5 !important; \n    border: 1px solid #e5eaf5 !important;\n    border-top: 3px solid #304890 !important; \/* \u9876\u90e8\u5f3a\u8c03\u7ebf *\/\n}\n\n#utg-quality-flat-14 .utg-cert-box {\n    \/* \u6838\u5fc3\u903b\u8f91\uff1a\u5141\u8bb8\u62c9\u4f38\u3002\u54ea\u6015\u6700\u540e\u4e00\u884c\u53ea\u67092\u4e2a\u5143\u7d20\uff0c\u4e5f\u4f1a\u5404\u81ea\u536050%\u5bbd\u5ea6\u586b\u6ee1\uff01 *\/\n    flex: 1 1 220px !important; \n    background-color: #ffffff !important;\n    padding: 40px 24px !important;\n    text-align: center !important;\n    transition: background-color 0.3s ease !important;\n}\n\n#utg-quality-flat-14 .utg-cert-box:hover {\n    background-color: #f8faff !important; \/* \u4ec5\u7528\u5e95\u8272\u5fae\u8c03\u4f5c\u4e3a\u4ea4\u4e92\uff0c\u53bb\u9664\u6240\u6709\u9634\u5f71 *\/\n}\n\n\/* \u771f\u5b9e H4 \u6807\u7b7e\u6293\u53d6\u8ba4\u8bc1\u540d\u79f0\u6743\u91cd *\/\n#utg-quality-flat-14 h4.utg-h4-cert {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #1860A8 !important;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    letter-spacing: 0.5px !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-quality-flat-14 p.utg-cert-desc {\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    color: #666666 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   5. SOP \u7ea7\u8d28\u68c0\u6e05\u5355 (\u5168\u5bbd\u5355\u5217\uff0c\u6839\u9664\u7a7a\u6d1e\u611f)\n   ========================================== *\/\n#utg-quality-flat-14 .utg-testing-section {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 32px !important;\n}\n\n\/* \u771f\u5b9e H3 \u4f5c\u4e3a\u526f\u680f\u76ee\u6807\u9898 *\/\n#utg-quality-flat-14 h3.utg-h3-title {\n    font-size: 24px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    text-align: left !important;\n}\n\n#utg-quality-flat-14 .utg-checklist-wrapper {\n    display: flex !important;\n    flex-direction: column !important;\n    border-top: 2px solid #1860A8 !important; \/* \u5de5\u4e1a\u84dd\u9876\u8fb9 *\/\n}\n\n#utg-quality-flat-14 .utg-check-item {\n    display: flex !important;\n    align-items: flex-start !important;\n    padding: 24px 0 !important;\n    border-bottom: 1px solid #e5eaf5 !important; \/* \u6781\u7b80\u5206\u5272\u7ebf *\/\n    gap: 20px !important;\n    transition: padding-left 0.3s ease !important;\n}\n\n#utg-quality-flat-14 .utg-check-item:hover {\n    padding-left: 8px !important; \/* \u5fae\u5f31\u7684\u9605\u8bfb\u5f15\u5bfc\u52a8\u6548 *\/\n}\n\n#utg-quality-flat-14 .utg-check-icon {\n    flex-shrink: 0 !important;\n    width: 24px !important;\n    height: 24px !important;\n    margin-top: 2px !important;\n    position: relative !important;\n}\n\n\/* \u7eaf CSS \u7ed8\u5236\u7684\u9ad8\u7ea7\u6781\u7b80\u5bf9\u52fe (\u65e0\u56fe\u7247\u52a0\u8f7d\u8d1f\u62c5) *\/\n#utg-quality-flat-14 .utg-check-icon::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 6px !important;\n    top: 2px !important;\n    width: 6px !important;\n    height: 12px !important;\n    border: solid #1878C0 !important;\n    border-width: 0 2px 2px 0 !important;\n    transform: rotate(45deg) !important;\n}\n\n#utg-quality-flat-14 p.utg-test-text {\n    font-size: 16px !important;\n    line-height: 1.75 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   6. \u54cd\u5e94\u5f0f\u63a7\u5236 (\u5b8c\u7f8e\u6298\u53e0\u903b\u8f91)\n   ========================================== *\/\n@media (max-width:690px) {\n    #utg-quality-flat-14 { padding: 40px 0 !important; }\n    #utg-quality-flat-14 .utg-container { gap: 48px !important; }\n    #utg-quality-flat-14 h2.utg-h2-title { font-size: 28px !important; }\n    #utg-quality-flat-14 h3.utg-h3-title { font-size: 20px !important; }\n    \n    \/* \u624b\u673a\u7aef\u8d28\u68c0\u6e05\u5355\u589e\u52a0\u5de6\u53f3\u5185\u8fb9\u8ddd *\/\n    #utg-quality-flat-14 .utg-check-item { gap: 16px !important; }\n    #utg-quality-flat-14 p.utg-test-text { font-size: 15px !important; }\n    \n    \/* \u65e0\u7f1d\u7f51\u683c\u5728\u624b\u673a\u7aef\u81ea\u52a8\u53d8\u4e3a\u5355\u5217\u6392\u5217 *\/\n    #utg-quality-flat-14 .utg-cert-box { flex: 1 1 100% !important; padding: 32px 24px !important; }\n}\n<\/style>\n\n<section id=\"utg-quality-flat-14\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-fade-in\">\n            <h2 class=\"utg-h2-title\">Quality Certifications & Testing Standards<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n            <p class=\"utg-lead-text\">Certification is the starting point, not the point of competitive advantage. What counts is how consistently each factory applies its quality management system at 500 units or 50,000 units. Our manufacturing facilities are certified for the following:<\/p>\n        <\/div>\n\n        <div class=\"utg-certs-seamless utg-fade-in\">\n            <div class=\"utg-cert-box\">\n                <h4 class=\"utg-h4-cert\">ISO 9001:2015<\/h4>\n                <p class=\"utg-cert-desc\">Quality Management System<\/p>\n            <\/div>\n            <div class=\"utg-cert-box\">\n                <h4 class=\"utg-h4-cert\">EN 12150<\/h4>\n                <p class=\"utg-cert-desc\">Thermally Toughened Safety Glass<\/p>\n            <\/div>\n            <div class=\"utg-cert-box\">\n                <h4 class=\"utg-h4-cert\">ISO 10993<\/h4>\n                <p class=\"utg-cert-desc\">Biocompatibility Testing (via accredited lab)<\/p>\n            <\/div>\n            <div class=\"utg-cert-box\">\n                <h4 class=\"utg-h4-cert\">SEB Group<\/h4>\n                <p class=\"utg-cert-desc\">Authorized Glass Processor<\/p>\n            <\/div>\n            <div class=\"utg-cert-box\">\n                <h4 class=\"utg-h4-cert\">IATF 16949<\/h4>\n                <p class=\"utg-cert-desc\">Automotive Quality (in progress)<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"utg-testing-section utg-fade-in\">\n            <h3 class=\"utg-h3-title\">In addition, we do the following tests at every step of production:<\/h3>\n            \n            <div class=\"utg-checklist-wrapper\">\n                \n                <div class=\"utg-check-item\">\n                    <div class=\"utg-check-icon\"><\/div>\n                    <p class=\"utg-test-text\">Every batch of chemically strengthened glass is measured for compressive stress, metering against target CS and delamination targets with a surface stress meter<\/p>\n                <\/div>\n\n                <div class=\"utg-check-item\">\n                    <div class=\"utg-check-icon\"><\/div>\n                    <p class=\"utg-test-text\">Optical inspection \u2014 100% automatic optical inspection for inclusions, scratches, and coating imperfections above quality threshold<\/p>\n                <\/div>\n\n                <div class=\"utg-check-item\">\n                    <div class=\"utg-check-icon\"><\/div>\n                    <p class=\"utg-test-text\">Coating adhesion is confirmed with cross cut adhesion testing per ASTM D3359 standards on coating panels<\/p>\n                <\/div>\n\n                <div class=\"utg-check-item\">\n                    <div class=\"utg-check-icon\"><\/div>\n                    <p class=\"utg-test-text\">Dimensional measurement - CMM measure first-article from each run, then statistically monitor process dimensions.<\/p>\n                <\/div>\n\n                <div class=\"utg-check-item\">\n                    <div class=\"utg-check-icon\"><\/div>\n                    <p class=\"utg-test-text\">Type approval testing available for thermal cycling, humidity resistance testing, and UV exposure<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const animateElements = document.querySelectorAll('#utg-quality-flat-14 .utg-fade-in');\n    \n    animateElements.forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        let delay = index * 0.15;\n        el.style.transition = `opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s`;\n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0bb7d11\" data-block-id=\"0bb7d11\"><style>.stk-0bb7d11 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0bb7d11-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bdd4858\" data-v=\"4\" data-block-id=\"bdd4858\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bdd4858-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bdd4858-inner-blocks\">\n<style>\n\n#utg-pricing-15 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u9075\u5faa\u8981\u6c42\uff1aSection \u9ad8\u5ea6 padding 40px *\/\n    background-color: #ffffff !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-pricing-15 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5168\u5bbd\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-pricing-15 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 38px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (H2 \u4e25\u683c\u5c45\u4e2d)\n   ========================================== *\/\n#utg-pricing-15 .utg-header {\n    text-align: center !important; \/* \u6838\u5fc3\u8981\u6c42\uff1a\u5168\u5c40\u5c45\u4e2d *\/\n    max-width: 1150px !important;\n    margin: 0 auto !important;\n}\n\n\/* \u771f\u5b9e\u7684 H2 \u6807\u7b7e\uff0c\u901a\u8fc7\u5f3a\u9694\u79bb\u963b\u65ad Blocksy \u5e72\u6270 *\/\n#utg-pricing-15 h2.utg-h2-title {\n    font-size: 32px !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898 *\/\n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-pricing-15 .utg-header-line {\n    display: block !important;\n    width: 64px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    margin: 0 auto 24px auto !important;\n}\n\n#utg-pricing-15 p.utg-lead-text {\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u6241\u5e73\u5316\u5b9a\u4ef7\u77e9\u9635 (2x2 CSS Grid)\n   ========================================== *\/\n#utg-pricing-15 .utg-pricing-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important; \/* \u5b8c\u7f8e\u7684 2x2 \u5bf9\u79f0\u5e03\u5c40 *\/\n    gap: 32px !important;\n}\n\n#utg-pricing-15 .utg-price-card {\n    background-color: #ffffff !important;\n    border: 1px solid #e1e8f5 !important; \/* \u6241\u5e73\u5316\u7684 1px \u6781\u7b80\u8fb9\u6846 *\/\n    border-top: 3px solid #1878C0 !important; \/* \u9876\u90e8\u5de5\u4e1a\u611f\u8272\u5f69\u70b9\u7f00 *\/\n    border-radius: 4px !important;\n    padding: 40px 32px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: background-color 0.3s ease, border-color 0.3s ease !important;\n}\n\n#utg-pricing-15 .utg-price-card:hover {\n    background-color: #f8faff !important; \/* \u6241\u5e73\u5316\u60ac\u6d6e\uff0c\u53bb\u9664\u6cb9\u817b\u7684\u9634\u5f71 *\/\n    border-top-color: #304890 !important;\n}\n\n\/* \u771f\u5b9e\u7684 H3 \u6807\u7b7e\uff0c\u6293\u53d6\u5f71\u54cd\u4ef7\u683c\u7684\u6838\u5fc3\u7ef4\u5ea6\u5173\u952e\u8bcd *\/\n#utg-pricing-15 h3.utg-h3-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #3048A8 !important; \/* \u5f3a\u8c03\u8272 *\/\n    margin: 0 0 16px 0 !important;\n    padding: 0 !important;\n    line-height: 1.4 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-pricing-15 h3.utg-h3-title::before {\n    content: \"\" !important;\n    display: inline-block !important;\n    width: 8px !important;\n    height: 8px !important;\n    background-color: #1860A8 !important;\n}\n\n#utg-pricing-15 p.utg-card-text {\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   5. \u4ea4\u671f\u8bf4\u660e\u6846 (\u5168\u5bbd\u5355\u5217\uff0c\u6d88\u9664\u5b64\u513f\u7559\u767d)\n   ========================================== *\/\n#utg-pricing-15 .utg-leadtime-box {\n    background-color: #f8faff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-left: 4px solid #304890 !important; \/* \u5de6\u4fa7\u91cd\u8272\u5757\u5f3a\u8c03 *\/\n    border-radius: 4px !important;\n    padding: 32px 40px !important;\n    grid-column: 1 \/ -1 !important; \/* \u5f3a\u5236\u5360\u6ee1\u5168\u5bbd *\/\n}\n\n\/* \u771f\u5b9e\u7684 H4 \u6807\u7b7e\uff0c\u68b3\u7406\u7b2c\u56db\u7ea7\u957f\u5c3e\u6743\u91cd *\/\n#utg-pricing-15 h4.utg-h4-title {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-pricing-15 p.utg-leadtime-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   6. \u5e95\u90e8\u8f6c\u5316\u6309\u94ae (CTA)\n   ========================================== *\/\n#utg-pricing-15 .utg-cta-wrapper {\n    text-align: center !important;\n    margin-top: 16px !important;\n}\n\n#utg-pricing-15 .utg-btn-primary {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    padding: 18px 48px !important;\n    border-radius: 4px !important;\n    transition: background-color 0.3s ease, transform 0.2s ease !important;\n    border: 2px solid #304890 !important;\n}\n\n#utg-pricing-15 .utg-btn-primary:hover {\n    background-color: #1860A8 !important;\n    border-color: #1860A8 !important;\n    transform: translateY(-2px) !important;\n}\n\n\/* ==========================================\n   7. \u54cd\u5e94\u5f0f\u63a7\u5236 (Responsive Breakpoints)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-pricing-15 .utg-price-card {\n        padding: 32px 24px !important;\n    }\n    #utg-pricing-15 .utg-leadtime-box {\n        padding: 32px 24px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #utg-pricing-15 .utg-pricing-grid {\n        grid-template-columns: 1fr !important; \/* \u624b\u673a\u7aef\u5b8c\u7f8e\u5355\u5217\u6298\u53e0 *\/\n        gap: 24px !important;\n    }\n    #utg-pricing-15 h2.utg-h2-title {\n        font-size: 28px !important;\n    }\n    #utg-pricing-15 .utg-btn-primary {\n        width: 100% !important; \/* \u624b\u673a\u7aef\u6309\u94ae\u6ee1\u5bbd *\/\n    }\n}\n<\/style>\n\n<section id=\"utg-pricing-15\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-fade-elem\">\n            <h2 class=\"utg-h2-title\">Ultra-Thin Glass Pricing Guide<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n            <p class=\"utg-lead-text\">Costing is driven by a number of closely coupled parameters. Because pricing would be invalid after a few months, here is a broad breakdown of parameters affecting pricing so as to enable pricing estimates to be generated well in advance of a formal quotation request.<\/p>\n        <\/div>\n\n        <div class=\"utg-pricing-grid\">\n            \n            <div class=\"utg-price-card utg-fade-elem\">\n                <h3 class=\"utg-h3-title\">Material Grade<\/h3>\n                <p class=\"utg-card-text\">Glass type (aluminosilicate (eg Gorilla) versus soda-lime): Aluminosilicate types cost 3-4 times soda lime Glass (cost difference at same thickness based on raw material composition and licensing). Borosilicate sits in between. Material type alone can change per unit cost 30 to 60% depending on final thickness.<\/p>\n            <\/div>\n\n            <div class=\"utg-price-card utg-fade-elem\">\n                <h3 class=\"utg-h3-title\">Thickness & Size<\/h3>\n                <p class=\"utg-card-text\">Thickness: Thinner glass is more costly in handling, surfacing and final processing. Yield rates follow this trend since CNC edge chipping at <0.5 mm thickness is difficult to control further reducing already poor yields. Larger panel sizes in thinner glass are more expensive per unit area - a 500 \u00d7 400mm panel at 0.3mm thickness would be considerably more expensive, closer to double, than a 100 \u00d7 80mm panel of identical unit cost (although two more panels are produced in the first case and one fewer in the latter).<\/p>\n            <\/div>\n\n            <div class=\"utg-price-card utg-fade-elem\">\n                <h3 class=\"utg-h3-title\">Coating Stack<\/h3>\n                <p class=\"utg-card-text\">Coating type (single side AR or AF; multi stack AR+AF; AG+ITO on opposite sides) increases the number of deposition cycles 2-3 times accordingly thus increasing cost. Additional deposition coater cleaning parts further adds to this cost. Insertion of additional logo, text or pattern registration layers with the film incurs additional costs.<\/p>\n            <\/div>\n\n            <div class=\"utg-price-card utg-fade-elem\">\n                <h3 class=\"utg-h3-title\">Order Volume & MOQ<\/h3>\n                <p class=\"utg-card-text\">Batch size\/volume: minimum order quantities for standard specs are 500 pieces. When deposit tooling (eg. patterned screen print or CNC blanking tooling) is required for non-standard shapes or panel formats there is an initial one-off cost for this in addition to the finishing costs quoted. Pricing tiers (volume discounts) usually kick in at 5k and 20k pieces.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"utg-leadtime-box utg-fade-elem\">\n            <h4 class=\"utg-h4-title\">Lead times:<\/h4>\n            <p class=\"utg-leadtime-text\">Our quotation turnaround time for a standard or highly specified request is generally 2-3 business days. Highly custom coated stacks (eg. additional stack deposit after initial coating run) or new panel geometries (clamped or fixture-based laser cutting for example) also require samples at 3-4 weeks before we can provide any volume quotation. Production lead time is generally 3-5 weeks after order confirmation pending materials availability and coating complexity.<\/p>\n        <\/div>\n\n        <div class=\"utg-cta-wrapper utg-fade-elem\">\n            <a href=\"#ct-popup-787\" class=\"utg-btn-primary\">Request Your Custom Quote<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const animateElements = document.querySelectorAll('#utg-pricing-15 .utg-fade-elem');\n    \n    \/\/ JS \u52a8\u6001\u6ce8\u5165\u521d\u59cb\u72b6\u6001\uff0c\u907f\u514d\u7f13\u5b58\u63d2\u4ef6\u6302\u8d77 JS \u5bfc\u81f4\u5143\u7d20\u5f7b\u5e95\u6d88\u5931\n    animateElements.forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        \n        \/\/ \u9636\u68af\u5f0f\u5ef6\u8fdf\u52a8\u753b\u8ba1\u7b97\n        let delay = index * 0.1;\n        if (delay > 0.6) delay = 0.6; \/\/ \u9632\u6b62\u957f\u5217\u8868\u7684\u5e95\u90e8\u5143\u7d20\u5ef6\u8fdf\u8fc7\u4e45\n        \n        el.style.transition = `opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s`;\n        \n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6da5bd3\" data-block-id=\"6da5bd3\"><style>.stk-6da5bd3 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6da5bd3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3f7ffff\" data-v=\"4\" data-block-id=\"3f7ffff\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3f7ffff-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3f7ffff-inner-blocks\">\n<style>\n\/* ==========================================\n   1. \u9876\u7ea7\u4f5c\u7528\u57df\u4e0e\u5b57\u4f53\u5bfc\u5165\n   ========================================== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@500;600&display=swap');\n\n#utg-estimator-18 {\n    width: 100% !important;\n    padding: 40px 0 !important;\n    background-color: #f8faff !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-estimator-18 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (1280px \u5168\u5bbd\u81ea\u9002\u5e94)\n   ========================================== *\/\n#utg-estimator-18 .utg-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 40px !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df\u4e0e SEO \u6807\u7b7e\u91cd\u7f6e\n   ========================================== *\/\n#utg-estimator-18 .utg-header {\n    text-align: center !important;\n    max-width: 860px !important;\n    margin: 0 auto !important;\n}\n\n#utg-estimator-18 h2.utg-h2-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    line-height: 1.3 !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-estimator-18 .utg-header-line {\n    display: block !important;\n    width: 60px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important;\n    margin: 0 auto 24px auto !important;\n}\n\n#utg-estimator-18 p.utg-lead-text {\n    font-size: 16px !important;\n    line-height: 1.75 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================\n   4. \u6241\u5e73\u5316\u8868\u5355\u63a7\u5236\u533a (3x2 Grid \u6d88\u9664\u7559\u767d)\n   ========================================== *\/\n#utg-estimator-18 .ce-form {\n    background: #f8faff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-top: 4px solid #1878C0 !important;\n    border-radius: 4px !important;\n    padding: 40px !important;\n}\n\n#utg-estimator-18 h3.utg-h3-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n\/* \u5f3a\u884c\u7ea0\u6b63\u539f\u4ee3\u7801\u7684\u6392\u7248\uff0c\u7edf\u4e00\u4e3a\u4e00\u4e2a Grid *\/\n#utg-estimator-18 .ce-form-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n    margin-bottom: 32px !important;\n}\n\n#utg-estimator-18 .ce-field {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 8px !important;\n}\n\n#utg-estimator-18 .ce-field label {\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    color: #333333 !important;\n}\n\n\/* \u9ad8\u7ea7\u5b9a\u5236\u4e0b\u62c9\u6846 *\/\n#utg-estimator-18 .ce-field select {\n    width: 100% !important;\n    height: 48px !important;\n    padding: 0 40px 0 16px !important;\n    border: 1px solid #cbd5e1 !important;\n    border-radius: 2px !important;\n    font-size: 15px !important;\n    font-family: inherit !important;\n    color: #111827 !important;\n    background-color: #ffffff !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    outline: none !important;\n    cursor: pointer !important;\n    transition: border-color 0.2s ease !important;\n    \/* \u7eaf CSS \u6ce8\u5165\u7cbe\u7f8e\u4e0b\u62c9\u7bad\u5934 *\/\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%23304890'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C\/path%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 12px center !important;\n    background-size: 16px !important;\n}\n\n#utg-estimator-18 .ce-field select:focus {\n    border-color: #1860A8 !important;\n}\n\n\/* \u5c45\u4e2d\u7684\u6309\u94ae\u5bb9\u5668 *\/\n#utg-estimator-18 .ce-action-row {\n    text-align: center !important;\n    border-top: 1px solid #e1e8f5 !important;\n    padding-top: 32px !important;\n}\n\n#utg-estimator-18 .ce-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    border: none !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    padding: 16px 48px !important;\n    border-radius: 2px !important;\n    cursor: pointer !important;\n    transition: background-color 0.3s ease, transform 0.2s ease !important;\n}\n\n#utg-estimator-18 .ce-btn:hover {\n    background-color: #1860A8 !important;\n    transform: translateY(-2px) !important;\n}\n\n\/* ==========================================\n   5. \u7ed3\u679c\u53cd\u9988\u533a (4\u7b49\u5206 Tiers \u9635\u5217\uff0c\u675c\u7edd\u7a7a\u767d)\n   ========================================== *\/\n#utg-estimator-18 .ce-result {\n    display: none !important; \/* \u521d\u59cb\u9690\u85cf *\/\n    background: #ffffff !important;\n    border: 1px solid #e1e8f5 !important;\n    padding: 40px !important;\n    border-radius: 4px !important;\n    animation: fadeIn 0.5s ease-out forwards !important;\n}\n\n#utg-estimator-18 .ce-result.active {\n    display: block !important;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* JS \u751f\u6210\u7684 Tiers \u5bb9\u5668 (\u4fee\u590d\u539f\u7248 3\u5217\u7684 Bug) *\/\n#utg-estimator-18 .ce-tier-cards {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 16px !important;\n    margin-bottom: 40px !important;\n}\n\n\/* JS \u751f\u6210\u7684\u5355\u72ec Tier \u5361\u7247 *\/\n#utg-estimator-18 .ce-tier-card {\n    background: #ffffff !important;\n    border: 1px solid #e1e8f5 !important;\n    padding: 24px 16px !important;\n    text-align: center !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: all 0.3s ease !important;\n}\n\n#utg-estimator-18 .ce-tier-card.active {\n    border-color: #1860A8 !important;\n    background: #f8faff !important;\n    box-shadow: 0 8px 24px rgba(48, 72, 144, 0.08) !important;\n    transform: translateY(-4px) !important;\n}\n\n#utg-estimator-18 .ce-tier-name {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: #333333 !important;\n    margin-bottom: 8px !important;\n}\n\n#utg-estimator-18 .ce-tier-card.active .ce-tier-name {\n    color: #1860A8 !important;\n}\n\n#utg-estimator-18 .ce-tier-val {\n    font-family: 'IBM Plex Mono', monospace !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #1878C0 !important;\n    margin-bottom: 12px !important;\n    padding: 4px 8px !important;\n    background: #eef4fb !important;\n    border-radius: 2px !important;\n    display: inline-block !important;\n    align-self: center !important;\n}\n\n#utg-estimator-18 .ce-tier-desc {\n    font-size: 13px !important;\n    line-height: 1.5 !important;\n    color: #666666 !important;\n}\n\n\/* ==========================================\n   6. \u6210\u672c\u56e0\u5b50\u62c6\u89e3\u6761 (\u7cbe\u5bc6\u5316\/\u7ea4\u7ec6\u5316)\n   ========================================== *\/\n#utg-estimator-18 h4.utg-h4-title {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: #304890 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n#utg-estimator-18 .ce-factors {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 16px !important;\n    margin-bottom: 32px !important;\n}\n\n#utg-estimator-18 .ce-factor-row {\n    display: flex !important;\n    align-items: center !important;\n    gap: 16px !important;\n}\n\n#utg-estimator-18 .ce-factor-label {\n    width: 160px !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    color: #444444 !important;\n    flex-shrink: 0 !important;\n}\n\n\/* \u8fdb\u5ea6\u6761\u5e95\u69fd *\/\n#utg-estimator-18 .ce-factor-bar {\n    flex: 1 !important;\n    height: 6px !important; \/* \u6838\u5fc3\u4fee\u6539\uff1a\u4ece\u7c97\u7b28\u768424px\u538b\u6241\u81f3\u5de5\u4e1a\u7ea7\u76846px *\/\n    background: #e1e8f5 !important;\n    border-radius: 3px !important;\n    overflow: hidden !important;\n}\n\n\/* \u8fdb\u5ea6\u6761\u586b\u5145 *\/\n#utg-estimator-18 .ce-factor-fill {\n    height: 100% !important;\n    background: linear-gradient(90deg, #1860A8 0%, #1878C0 100%) !important; \/* \u6e10\u53d8\u8272 *\/\n    border-radius: 3px !important;\n    transition: width 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n}\n\n#utg-estimator-18 .ce-factor-pct {\n    font-family: 'IBM Plex Mono', monospace !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    color: #304890 !important;\n    width: 48px !important;\n    text-align: right !important;\n    flex-shrink: 0 !important;\n}\n\n\/* ==========================================\n   7. \u8865\u5145\u8bf4\u660e\u4e0e\u6700\u7ec8\u8f6c\u5316 CTA\n   ========================================== *\/\n#utg-estimator-18 .ce-vol-note {\n    background: #fbfbfb !important;\n    border-left: 3px solid #3048A8 !important;\n    padding: 16px 20px !important;\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    color: #555555 !important;\n    margin-bottom: 32px !important;\n}\n\n#utg-estimator-18 .ce-cta-wrap {\n    text-align: left !important;\n    border-top: 1px solid #e1e8f5 !important;\n    padding-top: 24px !important;\n}\n\n#utg-estimator-18 .ce-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #1860A8 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    padding: 14px 32px !important;\n    border-radius: 2px !important;\n    transition: background-color 0.3s ease !important;\n}\n\n#utg-estimator-18 .ce-cta:hover {\n    background-color: #304890 !important;\n}\n\n\/* ==========================================\n   8. \u54cd\u5e94\u5f0f\u63a7\u5236 (\u81ea\u52a8\u6298\u53e0\u903b\u8f91)\n   ========================================== *\/\n@media (max-width:1000px) {\n    #utg-estimator-18 .ce-form-grid {\n        grid-template-columns: repeat(2, 1fr) !important; \/* \u5e73\u677f\u53d8 2 \u5217 *\/\n    }\n    #utg-estimator-18 .ce-tier-cards {\n        grid-template-columns: repeat(2, 1fr) !important; \/* 4 \u4e2a\u7ed3\u679c\u5728\u5e73\u677f\u53d8 2x2 *\/\n    }\n}\n\n@media (max-width:690px) {\n    #utg-estimator-18 { padding: 40px 0 !important; }\n    #utg-estimator-18 .ce-form { padding: 24px !important; }\n    #utg-estimator-18 .ce-result { padding: 24px !important; }\n    \n    #utg-estimator-18 .ce-form-grid {\n        grid-template-columns: 1fr !important; \/* \u624b\u673a\u7aef\u5355\u5217 *\/\n        gap: 16px !important;\n    }\n    #utg-estimator-18 .ce-tier-cards {\n        grid-template-columns: 1fr !important; \/* \u624b\u673a\u7aef\u7ed3\u679c\u5355\u5217 *\/\n    }\n    #utg-estimator-18 .ce-factor-row {\n        flex-wrap: wrap !important; \/* \u624b\u673a\u7aef\u8fdb\u5ea6\u6761\u6807\u7b7e\u6298\u884c *\/\n        gap: 8px !important;\n    }\n    #utg-estimator-18 .ce-factor-label {\n        width: 100% !important;\n    }\n    #utg-estimator-18 .ce-btn,\n    #utg-estimator-18 .ce-cta {\n        width: 100% !important; \/* \u624b\u673a\u7aef\u6309\u94ae\u6ee1\u5bbd *\/\n    }\n}\n<\/style>\n\n<section id=\"utg-estimator-18\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header\">\n            <h2 class=\"utg-h2-title\">Ultra-Thin Glass Cost Factor Estimator<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n            <p class=\"utg-lead-text\">Estimate how material, thickness, coatings, and volume affect your per-piece cost. This tool provides relative cost tiers \u2014 request a quote for exact pricing.<\/p>\n        <\/div>\n\n        <div class=\"ce-form\">\n            <h3 class=\"utg-h3-title\">Project Specifications<\/h3>\n            \n            <div class=\"ce-form-grid\">\n                <div class=\"ce-field\">\n                    <label for=\"ce-material\">Glass Material<\/label>\n                    <select id=\"ce-material\">\n                        <option value=\"\">-- Select Material --<\/option>\n                        <option value=\"alumino\">Aluminosilicate (e.g. Gorilla Glass)<\/option>\n                        <option value=\"boro\">Borosilicate<\/option>\n                        <option value=\"soda\">Soda-Lime<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ce-field\">\n                    <label for=\"ce-thickness\">Thickness<\/label>\n                    <select id=\"ce-thickness\">\n                        <option value=\"\">-- Select Thickness --<\/option>\n                        <option value=\"0.1\">0.1 mm<\/option>\n                        <option value=\"0.3\">0.3 mm<\/option>\n                        <option value=\"0.5\">0.5 mm<\/option>\n                        <option value=\"0.7\">0.7 mm<\/option>\n                        <option value=\"1.1\">1.1 mm<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ce-field\">\n                    <label for=\"ce-coatings\">Coating Stack<\/label>\n                    <select id=\"ce-coatings\">\n                        <option value=\"\">-- Select Coatings --<\/option>\n                        <option value=\"none\">No coating<\/option>\n                        <option value=\"single\">Single side (AR or AF)<\/option>\n                        <option value=\"dual\">Dual side (AR+AF)<\/option>\n                        <option value=\"multi\">Multi-stack (AR+AF+AG or AG+ITO)<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ce-field\">\n                    <label for=\"ce-volume\">Order Volume<\/label>\n                    <select id=\"ce-volume\">\n                        <option value=\"\">-- Select Volume --<\/option>\n                        <option value=\"500\">500 pieces (MOQ)<\/option>\n                        <option value=\"2000\">2,000 pieces<\/option>\n                        <option value=\"5000\">5,000 pieces<\/option>\n                        <option value=\"20000\">20,000+ pieces<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ce-field\">\n                    <label for=\"ce-size\">Panel Size (mm \u00d7 mm)<\/label>\n                    <select id=\"ce-size\">\n                        <option value=\"\">-- Select Panel Size --<\/option>\n                        <option value=\"small\">Small (\u2264 100 \u00d7 80 mm)<\/option>\n                        <option value=\"medium\">Medium (\u2264 300 \u00d7 200 mm)<\/option>\n                        <option value=\"large\">Large (\u2264 500 \u00d7 400 mm)<\/option>\n                        <option value=\"xlarge\">XL (> 500 \u00d7 400 mm)<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"ce-field\">\n                    <label for=\"ce-strengthen\">Chemical Strengthening<\/label>\n                    <select id=\"ce-strengthen\">\n                        <option value=\"\">-- Select --<\/option>\n                        <option value=\"no\">Not required<\/option>\n                        <option value=\"standard\">Standard (CS > 450 MPa)<\/option>\n                        <option value=\"high\">High (CS > 550 MPa)<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"ce-action-row\">\n                <button type=\"button\" class=\"ce-btn\" id=\"ce-calc-btn\">Estimate Cost Tier<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"ce-result\" id=\"ce-result\">\n            <h3 class=\"utg-h3-title\">Cost Estimate<\/h3>\n            \n            <div class=\"ce-tier-cards\" id=\"ce-tiers\"><\/div>\n\n            <h4 class=\"utg-h4-title\">Cost Factor Breakdown<\/h4>\n            <div class=\"ce-factors\" id=\"ce-factors\"><\/div>\n\n            <div class=\"ce-vol-note\" id=\"ce-vol-note\"><\/div>\n\n            <div class=\"ce-cta-wrap\">\n                <a href=\"#ct-popup-787\" class=\"ce-cta\">Request Exact Pricing<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function(){\n  var matCost = { alumino: 40, boro: 25, soda: 10 };\n  var thickCost = { '0.1': 35, '0.3': 20, '0.5': 15, '0.7': 10, '1.1': 5 };\n  var coatCost = { none: 0, single: 15, dual: 25, multi: 40 };\n  var volDiscount = { '500': 0, '2000': -8, '5000': -15, '20000': -22 };\n  var sizeCost = { small: 0, medium: 10, large: 20, xlarge: 35 };\n  var strCost = { no: 0, standard: 12, high: 18 };\n\n  var tiers = [\n    { name: 'Economy', range: '0 \u2013 35', desc: 'Standard materials, minimal processing' },\n    { name: 'Standard', range: '36 \u2013 60', desc: 'Typical industrial specification' },\n    { name: 'Premium', range: '61 \u2013 85', desc: 'High-spec materials with multi-layer coatings' },\n    { name: 'Ultra-Premium', range: '86 \u2013 100', desc: 'Thinnest glass, full coating stack, small batch' }\n  ];\n\n  document.getElementById('ce-calc-btn').addEventListener('click', function(){\n    var mat = document.getElementById('ce-material').value;\n    var thick = document.getElementById('ce-thickness').value;\n    var coat = document.getElementById('ce-coatings').value;\n    var vol = document.getElementById('ce-volume').value;\n    var size = document.getElementById('ce-size').value;\n    var str = document.getElementById('ce-strengthen').value;\n\n    if (!mat || !thick || !coat || !vol || !size || !str) {\n      alert('Please select all fields.');\n      return;\n    }\n\n    var mC = matCost[mat] || 0;\n    var tC = thickCost[thick] || 0;\n    var cC = coatCost[coat] || 0;\n    var vD = volDiscount[vol] || 0;\n    var sC = sizeCost[size] || 0;\n    var stC = strCost[str] || 0;\n\n    var raw = mC + tC + cC + sC + stC + vD;\n    var score = Math.max(5, Math.min(100, raw));\n\n    var activeTier = 0;\n    if (score <= 35) activeTier = 0;\n    else if (score <= 60) activeTier = 1;\n    else if (score <= 85) activeTier = 2;\n    else activeTier = 3;\n\n    var tiersHtml = '';\n    tiers.forEach(function(t, i){\n      var cls = i === activeTier ? 'ce-tier-card active' : 'ce-tier-card';\n      var marker = i === activeTier ? ' \u2190 Your Estimate' : '';\n      tiersHtml += '<div class=\"' + cls + '\"><span class=\"ce-tier-name\">' + t.name + '<\/span><span class=\"ce-tier-val\">' + t.range + marker + '<\/span><span class=\"ce-tier-desc\">' + t.desc + '<\/span><\/div>';\n    });\n    document.getElementById('ce-tiers').innerHTML = tiersHtml;\n\n    var factors = [\n      { label: 'Material Grade', pct: mC },\n      { label: 'Thickness', pct: tC },\n      { label: 'Coating Stack', pct: cC },\n      { label: 'Panel Size', pct: sC },\n      { label: 'Strengthening', pct: stC }\n    ];\n    var maxFactor = 45;\n    var fHtml = '';\n    factors.forEach(function(f){\n      var w = Math.round((f.pct \/ maxFactor) * 100);\n      fHtml += '<div class=\"ce-factor-row\"><span class=\"ce-factor-label\">' + f.label + '<\/span><div class=\"ce-factor-bar\"><div class=\"ce-factor-fill\" style=\"width:' + w + '%\"><\/div><\/div><span class=\"ce-factor-pct\">' + f.pct + '%<\/span><\/div>';\n    });\n    document.getElementById('ce-factors').innerHTML = fHtml;\n\n    var volNotes = {\n      '500': 'MOQ pricing \u2014 tooling costs are amortized across a small batch. Per-piece cost is at its highest at this volume.',\n      '2000': 'Small-batch pricing. Tooling is amortized but changeover costs still impact per-piece pricing.',\n      '5000': 'Volume pricing tier 1. Per-piece cost drops as tooling and setup are spread across a larger run.',\n      '20000': 'Volume pricing tier 2. Best per-piece economics. Dedicated production scheduling may further reduce lead times.'\n    };\n    document.getElementById('ce-vol-note').innerHTML = '<strong>Volume Impact:<\/strong> ' + (volNotes[vol] || '') + ' Volume discount applied: ' + Math.abs(vD) + '% reduction from base cost.';\n\n    document.getElementById('ce-result').className = 'ce-result active';\n  });\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ba7427c\" data-block-id=\"ba7427c\"><style>.stk-ba7427c {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ba7427c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4b3d44a\" data-v=\"4\" data-block-id=\"4b3d44a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4b3d44a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4b3d44a-inner-blocks\">\n<section class=\"utg-tools-directory\">\n<style>\n  .utg-tools-directory {\n    width: 100%;\n    \/* \u4e25\u683c\u9075\u5b88 40px padding \u8bbe\u5b9a\uff0c\u5de6\u53f3\u4f7f\u7528\u767e\u5206\u6bd4\u4fdd\u6301\u81ea\u9002\u5e94 *\/\n    padding: 40px 5%;\n    box-sizing: border-box;\n  }\n\n  .utg-tools-directory *,\n  .utg-tools-directory *::before,\n  .utg-tools-directory *::after {\n    box-sizing: inherit;\n  }\n\n  .utg-tools-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  \/* \u7ee7\u627f Blocksy \u7684\u5168\u5c40 H2 \u8bbe\u5b9a\uff0c\u4ec5\u505a\u95f4\u8ddd\u548c\u5bf9\u9f50\u63a7\u5236 *\/\n  .utg-tools-title {\n    text-align: center;\n    color: #304890;\n    margin-top: 0;\n    margin-bottom: 32px;\n    font-weight: 700;\n  }\n\n  .utg-tools-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 24px;\n    width: 100%;\n  }\n\n  \/* \u5c06\u6574\u4e2a\u5361\u7247\u4f5c\u4e3a\u94fe\u63a5\uff0c\u63d0\u5347\u79fb\u52a8\u7aef\u548c\u9f20\u6807\u64cd\u4f5c\u4f53\u9a8c *\/\n  .utg-tool-card {\n    display: flex;\n    flex-direction: column;\n    padding: 32px 24px;\n    background: #ffffff;\n    border-radius: 4px;\n    text-decoration: none !important;\n    border-top: 4px solid #304890;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .utg-tool-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #1860A8 0%, #304890 100%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: 1;\n  }\n\n  .utg-tool-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 24px rgba(48, 72, 144, 0.15);\n    border-top-color: #1878C0;\n  }\n\n  .utg-tool-card:hover::before {\n    opacity: 0.03; \/* \u6781\u7b80\u7684\u80cc\u666f\u53cd\u5149\u6548\u679c\uff0c\u63d0\u5347\u9ad8\u7ea7\u611f *\/\n  }\n\n  .utg-tool-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    background: rgba(48, 72, 144, 0.08);\n    border-radius: 8px;\n    color: #304890;\n    margin-bottom: 20px;\n    transition: all 0.3s ease;\n    z-index: 2;\n  }\n\n  .utg-tool-card:hover .utg-tool-icon {\n    background: #304890;\n    color: #ffffff;\n    transform: scale(1.05);\n  }\n\n  \/* \u7ee7\u627f Blocksy \u7684\u5168\u5c40 H3 \u8bbe\u5b9a *\/\n  .utg-tool-heading {\n    color: #111827;\n    margin: 0 0 12px 0;\n    transition: color 0.3s ease;\n    z-index: 2;\n  }\n\n  .utg-tool-card:hover .utg-tool-heading {\n    color: #1860A8;\n  }\n\n  .utg-tool-desc {\n    color: #4B5563;\n    font-size: 15px;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n    flex-grow: 1;\n    z-index: 2;\n  }\n\n  .utg-tool-link-text {\n    display: inline-flex;\n    align-items: center;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1878C0;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    z-index: 2;\n  }\n\n  .utg-tool-link-text svg {\n    margin-left: 8px;\n    transition: transform 0.3s ease;\n  }\n\n  .utg-tool-card:hover .utg-tool-link-text svg {\n    transform: translateX(4px);\n  }\n\n  @media (max-width:690px) {\n    .utg-tools-grid {\n      grid-template-columns: 1fr;\n    }\n    .utg-tools-directory {\n      padding: 32px 5%;\n    }\n  }\n<\/style>\n\n  <div class=\"utg-tools-container\">\n    <h2 class=\"utg-tools-title\">Engineering Tools<\/h2>\n    \n    <div class=\"utg-tools-grid\">\n      \n      <a href=\"https:\/\/saiweiglass.com\/products\/ultra-thin-glass\/ultra-thin-glass-thickness-selector\/\" class=\"utg-tool-card\" target=\"_blank\">\n        <div class=\"utg-tool-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect>\n            <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect>\n            <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line>\n            <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line>\n            <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line>\n            <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line>\n            <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line>\n            <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line>\n            <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line>\n            <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 class=\"utg-tool-heading\">Ultra-Thin Glass Thickness Selector<\/h3>\n        <p class=\"utg-tool-desc\">Calculate and select the optimal glass thickness specification based on your exact application and impact resistance requirements.<\/p>\n        <div class=\"utg-tool-link-text\">\n          Access Tool\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/saiweiglass.com\/products\/ultra-thin-glass\/glass-type-comparison\/\" class=\"utg-tool-card\" target=\"_blank\">\n        <div class=\"utg-tool-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n            <line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 class=\"utg-tool-heading\">Glass Type Comparison<\/h3>\n        <p class=\"utg-tool-desc\">Compare the physical and chemical properties of Aluminosilicate, Borosilicate, and other substrates side-by-side.<\/p>\n        <div class=\"utg-tool-link-text\">\n          Compare Materials\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-aaabdbf\" data-block-id=\"aaabdbf\"><style>.stk-aaabdbf {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-aaabdbf-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e9528cd\" data-v=\"4\" data-block-id=\"e9528cd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e9528cd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e9528cd-inner-blocks\">\n<style>\n\/* ==========================================\n   1. \u9876\u7ea7\u4f5c\u7528\u57df\u4e0e\u5b57\u4f53\u5bfc\u5165 (Highest Level Scope)\n   ========================================== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n#utg-cta-17 {\n    \/* \u6838\u5fc3\u8981\u6c42\uff1a100% \u5168\u5bbd\uff0c\u4e0d\u8bbe\u4efb\u4f55 max-width \u9650\u5236 *\/\n    width: 100% !important;\n    max-width: 100% !important; \n    \/* \u6838\u5fc3\u8981\u6c42\uff1a\u9ad8\u5ea6\u7531 40px \u7684 Padding \u6491\u8d77 *\/\n    padding: 40px 24px !important; \n    \/* \u4f7f\u7528\u4e3b\u8272\u8c03\u6784\u5efa\u9ad8\u7ea7\u5de5\u4e1a\u8d28\u611f\u7684\u6e10\u53d8\u80cc\u666f *\/\n    background: linear-gradient(135deg, #304890 0%, #1860A8 100%) !important;\n    font-family: 'Inter', sans-serif !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    text-align: center !important;\n}\n\n#utg-cta-17 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (\u5b8c\u5168\u91ca\u653e\u5bbd\u5ea6\u7684\u5f39\u6027\u76d2\u5b50)\n   ========================================== *\/\n#utg-cta-17 .utg-container {\n    width: 100% !important; \/* \u89e3\u9664\u5bb9\u5668\u5bbd\u5ea6\u9650\u5236\uff0c\u968f\u5c4f\u5e55\u81ea\u7531\u4f38\u5c55 *\/\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 20px !important;\n}\n\n\/* ==========================================\n   3. \u6838\u5fc3\u6587\u6848\u4e0e SEO \u6807\u7b7e\u9694\u79bb (H2 \u5f3a\u5236 32px)\n   ========================================== *\/\n\/* \u771f\u5b9e\u7684 H2 \u6807\u7b7e\uff0c\u901a\u8fc7\u5f3a\u9694\u79bb\u963b\u65ad Blocksy \u5e72\u6270 *\/\n#utg-cta-17 h2.utg-h2-title {\n    font-size: 32px !important; \/* \u6838\u5fc3\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898 *\/\n    font-weight: 700 !important;\n    color: #ffffff !important; \/* \u7eaf\u767d\u53cd\u8272\uff0c\u6781\u5f3a\u89c6\u89c9\u5bf9\u6bd4 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-cta-17 p.utg-desc {\n    font-size: 18px !important;\n    line-height: 1.6 !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n    margin: 0 !important;\n    \/* \u5c3d\u7ba1\u4e0d\u9650\u5236\u5916\u5c42\u5bbd\u5ea6\uff0c\u4f46\u4e3a\u4e86\u8d85\u5bbd\u5c4f\u4e0a\u7684\u6587\u672c\u53ef\u8bfb\u6027\uff0c\u5141\u8bb8\u6bb5\u843d\u81ea\u7136\u5c45\u4e2d\u6392\u5e03 *\/\n    width: 100% !important;\n}\n\n\/* ==========================================\n   4. \u6309\u94ae\u7ec4 (\u4e3b\u6b21\u5206\u660e\u7684\u9ad8\u8f6c\u5316\u8bbe\u8ba1)\n   ========================================== *\/\n#utg-cta-17 .utg-btn-group {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    justify-content: center !important;\n    gap: 16px !important;\n    margin-top: 12px !important;\n    width: 100% !important;\n}\n\n\/* \u4e3b\u6309\u94ae\uff1a\u5b9e\u5fc3\u53cd\u8272\uff0c\u5f3a\u5f15\u5bfc *\/\n#utg-cta-17 a.utg-btn-primary {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: #ffffff !important;\n    color: #304890 !important; \/* \u6587\u5b57\u4f7f\u7528\u4f60\u7684\u4e3b\u8272\u8c03 *\/\n    padding: 16px 40px !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    border-radius: 4px !important;\n    border: 2px solid #ffffff !important;\n    transition: all 0.3s ease !important;\n}\n\n#utg-cta-17 a.utg-btn-primary:hover {\n    background-color: transparent !important;\n    color: #ffffff !important;\n}\n\n\/* \u6b21\u6309\u94ae\uff1a\u5e7d\u7075\u6309\u94ae (Ghost Button)\uff0c\u5f31\u5f15\u5bfc *\/\n#utg-cta-17 a.utg-btn-secondary {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: transparent !important;\n    color: #ffffff !important;\n    padding: 16px 40px !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    border-radius: 4px !important;\n    border: 2px solid rgba(255, 255, 255, 0.4) !important;\n    transition: all 0.3s ease !important;\n}\n\n#utg-cta-17 a.utg-btn-secondary:hover {\n    border-color: #ffffff !important;\n    background-color: rgba(255, 255, 255, 0.1) !important;\n}\n\n\/* ==========================================\n   5. \u54cd\u5e94\u5f0f\u63a7\u5236 (\u81ea\u52a8\u6298\u53e0\u4e0e\u6ee1\u5bbd\u9002\u914d)\n   ========================================== *\/\n@media (max-width:690px) {\n    #utg-cta-17 {\n        padding: 40px 20px !important;\n    }\n    #utg-cta-17 h2.utg-h2-title {\n        font-size: 28px !important; \/* \u624b\u673a\u7aef\u5fae\u7f29\u6807\u9898\u9632\u6ea2\u51fa *\/\n    }\n    #utg-cta-17 p.utg-desc {\n        font-size: 16px !important;\n    }\n    #utg-cta-17 .utg-btn-group {\n        flex-direction: column !important; \/* \u624b\u673a\u7aef\u6309\u94ae\u7eb5\u5411\u6392\u5217 *\/\n        gap: 12px !important;\n    }\n    #utg-cta-17 a.utg-btn-primary,\n    #utg-cta-17 a.utg-btn-secondary {\n        width: 100% !important; \/* \u624b\u673a\u7aef\u6309\u94ae\u6491\u6ee1\u5bbd\uff0c\u65b9\u4fbf\u70b9\u51fb *\/\n    }\n}\n<\/style>\n\n<section id=\"utg-cta-17\">\n    <div class=\"utg-container utg-fade-elem\">\n        \n        <h2 class=\"utg-h2-title\">Ready to Start Your Ultra-Thin Glass Project?<\/h2>\n        \n        <p class=\"utg-desc\">Tell us your thickness, material, coating, and volume requirements. Our engineering team will respond with a detailed proposal within 2-3 business days.<\/p>\n        \n        <div class=\"utg-btn-group\">\n            <a href=\"#ct-popup-787\" class=\"utg-btn-primary\">Request a Quote<\/a>\n            <a href=\"#utg-fab-specs-11\" class=\"utg-btn-secondary\">Review Specifications<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.2 };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0) scale(1)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const animateElements = document.querySelectorAll('#utg-cta-17 .utg-fade-elem');\n    \n    \/\/ JS \u52a8\u6001\u6ce8\u5165\u521d\u59cb\u72b6\u6001\uff0c\u7ed3\u5408\u4e86\u8f7b\u5fae\u7684 Scale \u653e\u7f29\u6548\u679c\uff0c\u8ba9\u5168\u5bbd\u6a2a\u5e45\u7684\u51fa\u73b0\u66f4\u5177\u9707\u64bc\u529b\n    animateElements.forEach((el) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px) scale(0.98)';\n        el.style.transition = 'opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)';\n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3b0b53b\" data-block-id=\"3b0b53b\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3b0b53b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a289f3c\" data-v=\"4\" data-block-id=\"a289f3c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a289f3c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a289f3c-inner-blocks\">\n<style>\n\n#utg-faq-module-16 {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u9075\u5faa\u8981\u6c42\uff1aSection \u9ad8\u5ea6 padding 40px *\/\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#utg-faq-module-16 * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================\n   2. \u5e03\u5c40\u6846\u67b6 (\u5c45\u4e2d\u6536\u675f\uff0c\u9632\u9605\u8bfb\u75b2\u52b3)\n   ========================================== *\/\n#utg-faq-module-16 .utg-container {\n    max-width: 1200px !important; \/* FAQ \u4e0d\u9700\u8981\u94fa\u6ee1 1280px\uff0c900px \u662f\u6700\u4f73\u9605\u8bfb\u5bbd\u5ea6 *\/\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n\/* ==========================================\n   3. \u5934\u90e8\u533a\u57df (H2 \u4e25\u683c\u5c45\u4e2d)\n   ========================================== *\/\n#utg-faq-module-16 .utg-header {\n    text-align: center !important;\n    margin-bottom: 48px !important;\n}\n\n\/* \u771f\u5b9e\u7684 H2 \u6807\u7b7e\uff0c\u5f3a\u5236\u91cd\u7f6e\u9694\u79bb *\/\n#utg-faq-module-16 h2.utg-h2-title {\n    font-size: 32px !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u9ed8\u8ba4 32px \u6807\u9898 *\/\n    font-weight: 700 !important;\n    color: #304890 !important; \/* \u4e3b\u8272\u8c03 *\/\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 0 24px 0 !important;\n    padding: 0 !important;\n    background: none !important;\n    border: none !important;\n}\n\n#utg-faq-module-16 .utg-header-line {\n    display: block !important;\n    width: 64px !important;\n    height: 4px !important;\n    background-color: #1860A8 !important; \/* \u8f85\u8272\u8c03 *\/\n    margin: 0 auto !important;\n}\n\n\/* ==========================================\n   4. \u6241\u5e73\u5316\u6298\u53e0\u9762\u677f (Accordion)\n   ========================================== *\/\n#utg-faq-module-16 .utg-faq-list {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 16px !important;\n}\n\n#utg-faq-module-16 .utg-faq-item {\n    background-color: #ffffff !important;\n    border: 1px solid #e1e8f5 !important;\n    border-radius: 4px !important;\n    overflow: hidden !important;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n}\n\n#utg-faq-module-16 .utg-faq-item:hover {\n    border-color: #1878C0 !important;\n    box-shadow: 0 8px 24px rgba(48, 72, 144, 0.05) !important;\n}\n\n#utg-faq-module-16 .utg-faq-item.is-active {\n    border-color: #304890 !important;\n    border-left: 4px solid #304890 !important; \/* \u6fc0\u6d3b\u65f6\u7684\u5de6\u4fa7\u5de5\u4e1a\u5f3a\u8c03\u7ebf *\/\n}\n\n\/* ==========================================\n   5. \u95ee\u9898\u6309\u94ae\u4e0e H3 \u6807\u7b7e\u7ed3\u5408 (\u517c\u987e\u4ea4\u4e92\u4e0e SEO)\n   ========================================== *\/\n#utg-faq-module-16 button.utg-faq-btn {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    background: none !important;\n    border: none !important;\n    padding: 24px !important;\n    cursor: pointer !important;\n    text-align: left !important;\n    color: #333333 !important;\n    transition: background-color 0.2s ease !important;\n}\n\n#utg-faq-module-16 button.utg-faq-btn:hover {\n    background-color: #fcfcfd !important;\n}\n\n\/* H3 \u5d4c\u5957\u5728\u6309\u94ae\u5185\uff0c\u91cd\u7f6e\u6240\u6709\u9ed8\u8ba4\u6837\u5f0f *\/\n#utg-faq-module-16 h3.utg-h3-question {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: inherit !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1.4 !important;\n    border: none !important;\n    background: none !important;\n}\n\n#utg-faq-module-16 .utg-faq-item.is-active h3.utg-h3-question {\n    color: #304890 !important;\n}\n\n\/* \u6781\u7b80\u5c55\u5f00\/\u6536\u8d77\u56fe\u6807 *\/\n#utg-faq-module-16 .utg-faq-icon {\n    flex-shrink: 0 !important;\n    width: 24px !important;\n    height: 24px !important;\n    position: relative !important;\n    margin-left: 24px !important;\n}\n\n#utg-faq-module-16 .utg-faq-icon::before,\n#utg-faq-module-16 .utg-faq-icon::after {\n    content: \"\" !important;\n    position: absolute !important;\n    background-color: #1860A8 !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease !important;\n}\n\n#utg-faq-module-16 .utg-faq-icon::before {\n    width: 16px !important;\n    height: 2px !important;\n}\n\n#utg-faq-module-16 .utg-faq-icon::after {\n    width: 2px !important;\n    height: 16px !important;\n}\n\n\/* \u6fc0\u6d3b\u72b6\u6001\uff1a\u56fe\u6807\u53d8\u6210\u51cf\u53f7 *\/\n#utg-faq-module-16 .utg-faq-item.is-active .utg-faq-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg) !important;\n    opacity: 0 !important;\n}\n\n#utg-faq-module-16 .utg-faq-item.is-active .utg-faq-icon::before {\n    background-color: #304890 !important;\n}\n\n\/* ==========================================\n   6. \u7b54\u6848\u9762\u677f (\u9ad8\u6027\u80fd CSS Grid \u52a8\u753b)\n   ========================================== *\/\n#utg-faq-module-16 .utg-faq-answer-wrapper {\n    display: grid !important;\n    grid-template-rows: 0fr !important;\n    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#utg-faq-module-16 .utg-faq-item.is-active .utg-faq-answer-wrapper {\n    grid-template-rows: 1fr !important;\n}\n\n#utg-faq-module-16 .utg-faq-answer-inner {\n    overflow: hidden !important;\n}\n\n#utg-faq-module-16 p.utg-faq-answer-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n    padding: 0 24px 24px 24px !important; \/* \u5e95\u90e8\u5185\u8fb9\u8ddd *\/\n}\n\n\/* ==========================================\n   7. \u54cd\u5e94\u5f0f\u63a7\u5236\n   ========================================== *\/\n@media (max-width:690px) {\n    #utg-faq-module-16 h2.utg-h2-title {\n        font-size: 28px !important;\n    }\n    #utg-faq-module-16 button.utg-faq-btn {\n        padding: 20px 16px !important;\n    }\n    #utg-faq-module-16 h3.utg-h3-question {\n        font-size: 16px !important;\n    }\n    #utg-faq-module-16 p.utg-faq-answer-text {\n        font-size: 15px !important;\n        padding: 0 16px 20px 16px !important;\n    }\n    #utg-faq-module-16 .utg-faq-icon {\n        margin-left: 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"utg-faq-module-16\">\n    <div class=\"utg-container\">\n        \n        <div class=\"utg-header utg-fade-elem\">\n            <h2 class=\"utg-h2-title\">Frequently Asked Questions About Ultra-Thin Glass<\/h2>\n            <span class=\"utg-header-line\"><\/span>\n        <\/div>\n\n        <div class=\"utg-faq-list\">\n            \n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is ultra-thin glass?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Ultra-thin glass refers to glass substrates with a thickness of 1.1 mm or less, often ranging down to 0.03 mm in specialty applications. It is produced from materials such as aluminosilicate, borosilicate, or soda-lime glass using precision processes like fusion draw or chemical thinning. Ultra-thin glass is valued for its combination of optical clarity, mechanical strength after chemical strengthening, and reduced weight compared to standard glass panels.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">How thin is ultra-thin glass?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">It ranges from 0.03 mm to 1.1 mm. At 0.1 mm, a sheet is thinner than a business card \u2014 roughly the width of a human hair.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is ultra-thin glass made of?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Three primary materials: aluminosilicate (Corning Gorilla Glass family \u2014 high scratch resistance), borosilicate (thermal stability for lab and medical use), and soda-lime (cost-effective for consumer electronics). Material choice depends on the application.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">How is ultra-thin glass made?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Ultra-thin glass is produced through precision forming methods such as the fusion draw process, where molten glass flows over both sides of a wedge-shaped trough and fuses at the bottom to create a thin, uniform sheet with pristine surface quality. After forming, the glass undergoes chemical strengthening through ion exchange, where sodium ions in the glass surface are replaced by larger potassium ions, creating a compressive stress layer that significantly increases mechanical strength.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is the thinnest glass you can buy?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Commercially available ultra-thin glass can be as thin as 0.03 mm from specialty manufacturers like SCHOTT and Corning. For most industrial and OEM applications, glass in the 0.1 mm to 0.7 mm range is the practical choice, balancing handleability with performance requirements. SW Glass supplies custom ultra-thin glass starting at 0.1 mm for display, sensor, and cover glass applications.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is ultra-thin glass used for?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Ultra-thin glass serves many industries: display cover glass for smartphones and tablets, automotive instrument clusters and head-up displays, medical diagnostic equipment screens, industrial HMI touchscreens, foldable device displays, optical sensor windows, and smart home control panels. Each application leverages different properties \u2014 display applications prioritize optical clarity, automotive requires thermal cycling durability, and medical devices demand biocompatibility.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">Can ultra-thin glass be cut?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Yes, ultra-thin glass can be cut to custom shapes using several methods. CNC machining with diamond-tipped tools handles precision cutouts and edge profiling. Laser cutting offers tighter tolerances for complex geometries. For glass thinner than 0.3 mm, water jet cutting or scoring-and-breaking techniques are sometimes preferred to minimize edge chipping. SW Glass uses automated CNC systems that maintain dimensional accuracy within tight tolerances on glass as thin as 0.1 mm.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">Is ultra-thin glass actually glass or plastic?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Ultra-thin glass is real glass \u2014 not a polymer or plastic laminate substitute. While some foldable devices have used polyimide film as a screen protector, ultra-thin glass provides superior scratch resistance, optical clarity, and surface hardness compared to any plastic alternative. Products like Samsung's Ultra Thin Glass (UTG) and SCHOTT's ultra-thin flexible glass are genuine glass that can bend without breaking when chemically strengthened.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is very thin glass called?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Glass under 1.1 mm is called ultra-thin glass. For bending applications: flexible glass, bendable glass, or foldable glass. Branded versions include Corning Willow Glass and SCHOTT UTG.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"utg-faq-item utg-fade-elem\">\n                <button class=\"utg-faq-btn\" aria-expanded=\"false\">\n                    <h3 class=\"utg-h3-question\">What is chemically strengthened glass?<\/h3>\n                    <div class=\"utg-faq-icon\"><\/div>\n                <\/button>\n                <div class=\"utg-faq-answer-wrapper\">\n                    <div class=\"utg-faq-answer-inner\">\n                        <p class=\"utg-faq-answer-text\">Chemically strengthened glass undergoes an ion exchange process where the glass is immersed in a molten potassium salt bath at temperatures between 380\u00b0C and 450\u00b0C. Smaller sodium ions on the glass surface are replaced by larger potassium ions, creating a compressive stress layer that resists cracking and breakage. The process differs from thermal tempering in that it works on thin substrates without causing optical distortion. SW Glass achieves compressive stress values exceeding 450 MPa with depth of layer greater than 8 micrometers. At these values, a 0.5 mm chemically strengthened panel can withstand point impacts that would shatter an untreated panel of the same thickness several times over. The treatment is permanent and does not degrade with age, making it the preferred strengthening method for any high-performance ultra-thin glass application where durability matters.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is ultra-thin glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ultra-thin glass refers to glass substrates with a thickness of 1.1 mm or less, often ranging down to 0.03 mm in specialty applications. It is produced from materials such as aluminosilicate, borosilicate, or soda-lime glass using precision processes like fusion draw or chemical thinning. Ultra-thin glass is valued for its combination of optical clarity, mechanical strength after chemical strengthening, and reduced weight compared to standard glass panels.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How thin is ultra-thin glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"It ranges from 0.03 mm to 1.1 mm. At 0.1 mm, a sheet is thinner than a business card \u2014 roughly the width of a human hair.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is ultra-thin glass made of?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Three primary materials: aluminosilicate (Corning Gorilla Glass family \u2014 high scratch resistance), borosilicate (thermal stability for lab and medical use), and soda-lime (cost-effective for consumer electronics). Material choice depends on the application.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How is ultra-thin glass made?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ultra-thin glass is produced through precision forming methods such as the fusion draw process, where molten glass flows over both sides of a wedge-shaped trough and fuses at the bottom to create a thin, uniform sheet with pristine surface quality. After forming, the glass undergoes chemical strengthening through ion exchange, where sodium ions in the glass surface are replaced by larger potassium ions, creating a compressive stress layer that significantly increases mechanical strength.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the thinnest glass you can buy?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Commercially available ultra-thin glass can be as thin as 0.03 mm from specialty manufacturers like SCHOTT and Corning. For most industrial and OEM applications, glass in the 0.1 mm to 0.7 mm range is the practical choice, balancing handleability with performance requirements. SW Glass supplies custom ultra-thin glass starting at 0.1 mm for display, sensor, and cover glass applications.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is ultra-thin glass used for?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ultra-thin glass serves many industries: display cover glass for smartphones and tablets, automotive instrument clusters and head-up displays, medical diagnostic equipment screens, industrial HMI touchscreens, foldable device displays, optical sensor windows, and smart home control panels. Each application leverages different properties \u2014 display applications prioritize optical clarity, automotive requires thermal cycling durability, and medical devices demand biocompatibility.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can ultra-thin glass be cut?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, ultra-thin glass can be cut to custom shapes using several methods. CNC machining with diamond-tipped tools handles precision cutouts and edge profiling. Laser cutting offers tighter tolerances for complex geometries. For glass thinner than 0.3 mm, water jet cutting or scoring-and-breaking techniques are sometimes preferred to minimize edge chipping. SW Glass uses automated CNC systems that maintain dimensional accuracy within tight tolerances on glass as thin as 0.1 mm.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is ultra-thin glass actually glass or plastic?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ultra-thin glass is real glass \u2014 not a polymer or plastic laminate substitute. While some foldable devices have used polyimide film as a screen protector, ultra-thin glass provides superior scratch resistance, optical clarity, and surface hardness compared to any plastic alternative. Products like Samsung's Ultra Thin Glass (UTG) and SCHOTT's ultra-thin flexible glass are genuine glass that can bend without breaking when chemically strengthened.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is very thin glass called?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Glass under 1.1 mm is called ultra-thin glass. For bending applications: flexible glass, bendable glass, or foldable glass. Branded versions include Corning Willow Glass and SCHOTT UTG.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is chemically strengthened glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Chemically strengthened glass undergoes an ion exchange process where the glass is immersed in a molten potassium salt bath at temperatures between 380\u00b0C and 450\u00b0C. Smaller sodium ions on the glass surface are replaced by larger potassium ions, creating a compressive stress layer that resists cracking and breakage. The process differs from thermal tempering in that it works on thin substrates without causing optical distortion. SW Glass achieves compressive stress values exceeding 450 MPa with depth of layer greater than 8 micrometers. At these values, a 0.5 mm chemically strengthened panel can withstand point impacts that would shatter an untreated panel of the same thickness several times over. The treatment is permanent and does not degrade with age, making it the preferred strengthening method for any high-performance ultra-thin glass application where durability matters.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. FAQ \u624b\u98ce\u7434\u6298\u53e0\u4ea4\u4e92\u903b\u8f91\n    const faqBtns = document.querySelectorAll('#utg-faq-module-16 .utg-faq-btn');\n    \n    faqBtns.forEach(btn => {\n        btn.addEventListener('click', function() {\n            const parentItem = this.parentElement;\n            const isExpanded = this.getAttribute('aria-expanded') === 'true';\n            \n            \/\/ \u5982\u679c\u9700\u8981\u624b\u98ce\u7434\u6548\u679c\uff08\u6bcf\u6b21\u53ea\u80fd\u5c55\u5f00\u4e00\u4e2a\uff09\uff0c\u53d6\u6d88\u4ee5\u4e0b\u4e24\u884c\u7684\u6ce8\u91ca\uff1a\n            \/\/ document.querySelectorAll('#utg-faq-module-16 .utg-faq-item').forEach(item => { item.classList.remove('is-active'); item.querySelector('.utg-faq-btn').setAttribute('aria-expanded', 'false'); });\n            \n            if (!isExpanded) {\n                parentItem.classList.add('is-active');\n                this.setAttribute('aria-expanded', 'true');\n            } else {\n                parentItem.classList.remove('is-active');\n                this.setAttribute('aria-expanded', 'false');\n            }\n        });\n    });\n\n    \/\/ 2. \u9ad8\u6027\u80fd\u6eda\u52a8\u6de1\u5165\u52a8\u753b (Intersection Observer)\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const animateElements = document.querySelectorAll('#utg-faq-module-16 .utg-fade-elem');\n    \n    animateElements.forEach((el, index) => {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        \/\/ \u9636\u68af\u5ef6\u8fdf\u52a8\u753b\uff1a\u6700\u591a\u5ef6\u8fdf 0.6s\uff0c\u9632\u6b62\u957f\u5217\u8868\u52a0\u8f7d\u8fc7\u6162\n        let delay = index * 0.08;\n        if (delay > 0.6) delay = 0.6; \n        \n        el.style.transition = `opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) ${delay}s`;\n        \n        observer.observe(el);\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2605\u2605\u2605\u2605\u2605 Trusted by Display Leaders Ultra-Thin Glass Manufacturer Custom Display &#038; Cover Glass Thinnest precision processed ultra-thin glass from 0.1 mm. Chemical strengthening, optical coating, CNC machining for display, automotive, medical, industrial needs. Request a Quote 0.1 mm Minimum Thickness 1M+ Annual Capacity (pieces) 10+ Years OEM Experience 3 Production Facilities What Is Ultra-Thin Glass? [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2179,"parent":791,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2177","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=2177"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/2177\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/791"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media\/2179"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}