/*
Theme Name: OPTIGLASS 中文 V3.5.2
Theme URI: https://glassubstrate.net/
Author: OPTIGLASS
Description: 光学玻璃材料、精密加工、案例分析、加工视频和技术知识的工程化中文主题。
Version: 3.5.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: optiglass-cn
*/

body.admin-bar .rg-header { top: 32px; }
.rg-header { position: sticky; top: 0; z-index: 90; }
.rg-main { min-height: 55vh; }
img[data-rg-empty="1"], img[src^="data:image/gif"] { opacity: 0; }
.rg-editor-slot { padding: 34px 0; }
.rg-editor-slot__inner { max-width: 860px; }
.rg-editor-slot__inner > :first-child { margin-top: 0; }
.rg-editor-slot__inner > :last-child { margin-bottom: 0; }
.rg-empty-state { padding: 42px; border: 1px solid var(--rg-line); background: #f6f8f9; text-align: center; }
.rg-card__placeholder { aspect-ratio: 1.55/1; display: grid; place-items: center; background: #173042; color: #fff; }

/* The requested white footer top band. */
.rg-footer__top { background: #fff !important; color: #111 !important; border-top: 1px solid #e2e5e7; border-bottom: 1px solid #d9dde0; }
.rg-footer__social span { border-color: rgba(0,0,0,.35) !important; color: #111; }
.rg-footer__top a { color: #111; }

/* Douyin-ready mobile-phone cards. */
.rg-video-grid--phones { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; align-items: start; }
.rg-phone-card { min-width: 0; background: transparent; border: 0; }
.rg-phone-card__shell { position: relative; padding: 8px; border-radius: 30px; background: #111820; box-shadow: 0 14px 34px rgba(3,28,48,.18); }
.rg-phone-card__screen { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 23px; overflow: hidden; background: #173042; cursor: pointer; }
.rg-phone-card__screen img { display: block; width: 100%; aspect-ratio: 9/16; object-fit: cover; }
.rg-phone-card__screen:after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.72)); pointer-events: none; }
.rg-phone-card__play { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.94); color: var(--rg-blue); font-size: 20px; }
.rg-phone-card__caption { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 20px; color: #fff; text-align: left; }
.rg-phone-card__caption h3 { margin: 0 0 5px; font-size: 17px; line-height: 1.35; color: #fff; }
.rg-phone-card__caption p { margin: 0; color: rgba(255,255,255,.78); font-size: 12px; }
.rg-phone-card__shell:before { content: ""; position: absolute; z-index: 3; top: 13px; left: 50%; transform: translateX(-50%); width: 34%; height: 5px; border-radius: 8px; background: #05080a; }
.rg-video-modal__stage video,.rg-video-modal__stage iframe { width: 100%; height: min(76vh,720px); border: 0; background: #000; }
.rg-video-modal__dialog { width: min(520px,100%); }

.rg-collection-card__media img,.rg-card-carousel__item img { background: #173042; }
.rg-article__content img { width: 100%; height: auto; }
.rg-article__content .rg-article-figure img { aspect-ratio: 1.8/1; object-fit: cover; }
.rg-blog-empty { grid-column: 1/-1; }

/* Quartz Product/Material-inspired structured engineering fields. */
.rg-rich { padding: 54px 0; background: #fff; }
.rg-rich:nth-of-type(even) { background: #f5f7f8; }
.rg-rich__kicker { color: var(--rg-blue); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 7px; }
.rg-rich__intro { max-width: 860px; margin-bottom: 28px; }
.rg-rich__kpis { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid var(--rg-line); background: #fff; margin: 0 0 42px; }
.rg-rich__kpi { min-width: 0; padding: 22px 14px; border-right: 1px solid var(--rg-line); text-align: center; }
.rg-rich__kpi:last-child { border-right: 0; }
.rg-rich__kpi b { display: block; color: var(--rg-blue); font-size: 22px; line-height: 1.2; margin-bottom: 7px; }
.rg-rich__kpi span { display: block; color: #66727a; font-size: 12px; }
.rg-rich__block { margin-top: 42px; }
.rg-rich__block > h2 { margin: 0 0 18px; font-size: 28px; }
.rg-rich__block table { width: 100%; border-collapse: collapse; background: #fff; }
.rg-rich__block th,.rg-rich__block td { border: 1px solid #d9e0e4; padding: 13px 15px; text-align: left; vertical-align: top; }
.rg-rich__block th { background: var(--rg-blue); color: #fff; }
.rg-rich__block td:first-child { color: #123b59; font-weight: 700; }
.rg-rich__block details { border: 1px solid #dfe4e7; background: #fff; padding: 15px 18px; margin-bottom: 10px; }
.rg-rich__block summary { cursor: pointer; font-weight: 700; }
.rg-rich__cta { margin-top: 42px; padding: 28px 30px; background: var(--rg-blue); color: #fff; }
.rg-rich__cta a { color: #fff; text-decoration: underline; }

@media (max-width: 991px) {
  body.admin-bar .rg-header { top: 32px; }
  .rg-video-grid--phones { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .rg-rich__kpis { grid-template-columns: repeat(3,1fr); }
  .rg-rich__kpi:nth-child(3) { border-right: 0; }
  .rg-rich__kpi:nth-child(-n+3) { border-bottom: 1px solid var(--rg-line); }
}
@media (max-width: 782px) { body.admin-bar .rg-header { top: 46px; } }
@media (max-width: 640px) {
  .rg-footer__topinner { min-height: 108px; height: auto; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; }
  .rg-footer__social { gap: 8px; }
  .rg-video-grid--phones { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 14px; }
  .rg-phone-card__shell { border-radius: 24px; padding: 6px; }
  .rg-phone-card__screen { border-radius: 19px; }
  .rg-phone-card__caption { left: 14px; right: 14px; bottom: 14px; }
  .rg-phone-card__caption h3 { font-size: 15px; }
  .rg-phone-card__play { width: 46px; height: 46px; }
  .rg-rich__kpis { grid-template-columns: repeat(2,1fr); }
  .rg-rich__kpi:nth-child(odd) { border-right: 1px solid var(--rg-line); }
  .rg-rich__kpi:nth-child(even) { border-right: 0; }
  .rg-rich__kpi { border-bottom: 1px solid var(--rg-line); }
  .rg-rich__kpi:nth-last-child(-n+2) { border-bottom: 0; }
}


/* Dynamic collections retain the existing rg component design. */
.rg-card-carousel__viewport{overflow:hidden}
.rg-card-carousel__track{transform:none!important;transition:none;will-change:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rg-card-carousel__track::-webkit-scrollbar{display:none}
.rg-card-carousel__item{flex:0 0 25%;scroll-snap-align:start}
.rg-card-carousel__item{flex:0 0 25%;scroll-snap-align:start}
.rg-card-carousel__media{display:block}
.rg-card-carousel button:disabled{opacity:.25;cursor:default}
.rg-tabs__nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain}
.rg-tabs__tab{flex:1 0 170px;min-width:170px}
.rg-tabs__tab:focus-visible,.rg-card-carousel button:focus-visible{outline:2px solid var(--rg-blue2);outline-offset:-3px}
.rg-media-placeholder{display:flex;width:100%;min-height:150px;aspect-ratio:1.55/1;align-items:center;justify-content:center;background:var(--rg-soft);color:var(--rg-muted);font-size:13px;font-weight:400}
.rg-card-carousel__media .rg-media-placeholder{aspect-ratio:1.915/1}
.rg-hero>.rg-media-placeholder,.rg-hero__slide>.rg-media-placeholder,.rg-visual__slide>.rg-media-placeholder{height:100%;background:#173042;color:#aabac5}
.rg-tabs__media .rg-media-placeholder{height:520px;aspect-ratio:auto}
.rg-news__media .rg-media-placeholder{height:520px;background:white;color:#b8c5ce}
.rg-footer__topinner{height:auto;min-height:110px;gap:30px;padding-block:18px}
.rg-footer__logo{display:block;width:240px;max-height:90px;object-fit:contain;object-position:left center}
.rg-footer__qrs{display:flex;gap:20px;margin-left:auto;align-items:center;min-width:190px;justify-content:flex-end}
.rg-footer__qr{margin:0;text-align:center;font-size:12px;color:var(--rg-muted)}
.rg-footer__qr img{width:86px;height:86px;object-fit:contain}
.rg-footer__qr figcaption{margin-top:5px}
.rg-case-sidebar section{background:#fff;border:1px solid var(--rg-line);padding:20px;margin-bottom:22px}
.rg-case-sidebar h3{font-size:18px;margin:0 0 16px}
.rg-mini-card{display:block;border-bottom:1px solid var(--rg-line);padding-bottom:16px;margin-bottom:16px}
.rg-mini-card:last-child{border:0;margin-bottom:0;padding-bottom:0}
.rg-mini-card img,.rg-mini-card .rg-media-placeholder{width:100%;aspect-ratio:1.55/1;object-fit:cover;margin-bottom:10px}
.rg-mini-card span:not(.rg-media-placeholder){font-size:14px;line-height:1.5}
.rg-case-step{padding:28px}.rg-case-step__images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rg-case-step img{max-width:100%;height:auto}
.rg-news__featured:after{pointer-events:none}
@media(max-width:991px){.rg-card-carousel__item{flex-basis:25%}.rg-tabs__media .rg-media-placeholder{height:400px}.rg-case-process__layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.rg-card-carousel__item{flex-basis:50%}.rg-tabs__media .rg-media-placeholder{height:290px}.rg-footer__qrs{margin-left:0;justify-content:flex-start}.rg-footer__logo{width:220px}.rg-case-summary__grid{grid-template-columns:1fr}.rg-case-step{padding:18px}}
@media(prefers-reduced-motion:reduce){.rg-card-carousel__viewport{scroll-behavior:auto}.rg-hero__slide,.rg-visual__slide{transition:none}}

/* Layout refinement 2026-09-03: 1200px usable content, existing full-bleed heroes retained. */
.rg-container{width:min(100%,1230px)}
.rg-prose-intro p,.rg-strategy p{max-width:1200px}
#materials .rg-card-carousel__viewport{width:100%;margin-inline:0}
#materials .rg-card-carousel__item{flex:0 0 25%}
#materials .rg-card-carousel__body{padding:22px 20px 26px}
#materials .rg-card-carousel__body h3{font-size:19px;overflow-wrap:anywhere}
#materials .rg-card-carousel__body p{overflow-wrap:anywhere}
.rg-source-carousel .rg-card-carousel__item{flex-basis:33.333333%}
/* Company introduction follows the site's typography and blue accent. */
.rg-home-about{padding-block:28px 36px}
.rg-home-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.rg-home-about__media{min-width:0;overflow:hidden;background:var(--rg-soft)}
.rg-home-about__media img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.rg-home-about__copy{min-width:0}
.rg-home-about__copy h2{font-size:32px;line-height:1.35;margin:0 0 18px;font-weight:700;letter-spacing:.01em}
.rg-home-about__intro{margin:0 0 22px;color:#53616a;line-height:1.8;font-size:15px}
.rg-home-about__points{padding-left:19px;margin:0 0 27px;list-style:disc}
.rg-home-about__points li{padding-left:3px;margin-bottom:14px;font-size:15px;line-height:1.65}
.rg-home-about__points li::marker{color:var(--rg-blue)}
.rg-home-about__points strong{display:block;color:var(--rg-ink);font-weight:700}
.rg-home-about__points span{display:block;color:#647078;font-size:14px;margin-top:3px}
/* Phone-shaped frames support both existing video cards and ACF video cards. */
.rg-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px;align-items:start}
.rg-video-card,.rg-phone-card{min-width:0;border:0;background:transparent}
.rg-video-card__media,.rg-phone-card__shell{position:relative;background:#17212b;border:1px solid #6e7781;border-radius:36px;box-shadow:inset 0 0 0 2px #3c4650,0 14px 30px rgba(15,35,50,.16);padding:9px}
.rg-video-card__media img,.rg-video-card__media>.rg-media-placeholder{width:100%;aspect-ratio:9/16;min-height:0;object-fit:cover;border-radius:26px;overflow:hidden}
.rg-video-card__media:before,.rg-phone-card__shell:before{content:"";position:absolute;z-index:4;top:17px;left:50%;transform:translateX(-50%);width:29%;height:14px;border-radius:20px;background:#090d12;pointer-events:none}
.rg-video-card__media:after,.rg-phone-card__shell:after{content:"";position:absolute;z-index:4;bottom:17px;left:50%;transform:translateX(-50%);width:31%;height:4px;border-radius:4px;background:rgba(255,255,255,.85);pointer-events:none}
.rg-video-card__body{padding:22px 4px 10px}
.rg-video-card__body h3{font-size:19px;margin:6px 0 10px}
.rg-video-card__body p{font-size:14px;line-height:1.7}
.rg-video-card__play,.rg-phone-card__play{width:52px;height:52px;background:rgba(255,255,255,.94);box-shadow:0 3px 18px rgba(0,0,0,.14);font-size:18px}
.rg-phone-card__screen{border-radius:26px;aspect-ratio:9/16}
.rg-phone-card__screen img,.rg-phone-card__screen>.rg-media-placeholder{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.rg-phone-card__caption{bottom:28px}
.rg-video-card__media:focus-visible,.rg-phone-card__screen:focus-visible{outline:3px solid var(--rg-cyan);outline-offset:4px}
@media(max-width:991px){
 #materials .rg-card-carousel__item,.rg-source-carousel .rg-card-carousel__item{flex-basis:50%}
 .rg-home-about__grid{gap:36px}
 .rg-home-about__copy h2{font-size:27px}
 .rg-home-about__media img{aspect-ratio:3/4}
 .rg-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
}
@media(max-width:640px){
 #materials .rg-card-carousel__viewport{width:100%}
 #materials .rg-card-carousel__item,.rg-source-carousel .rg-card-carousel__item{flex-basis:100%}
 .rg-home-about{padding-block:12px 20px}
 .rg-home-about__grid{grid-template-columns:1fr;gap:28px}
 .rg-home-about__media img{aspect-ratio:4/3}
 .rg-home-about__copy h2{font-size:26px}
 .rg-home-about__points li{margin-bottom:16px}
 .rg-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 .rg-video-card__media,.rg-phone-card__shell{padding:6px;border-radius:25px}
 .rg-video-card__media img,.rg-video-card__media>.rg-media-placeholder,.rg-phone-card__screen{border-radius:18px}
 .rg-video-card__media:before,.rg-phone-card__shell:before{top:12px;height:10px}
 .rg-video-card__media:after,.rg-phone-card__shell:after{bottom:13px;height:3px}
 .rg-video-card__body h3{font-size:16px}
 .rg-video-card__body p{font-size:13px}
 .rg-video-card__play,.rg-phone-card__play{width:42px;height:42px;font-size:15px}
 .rg-phone-card__caption{left:10px;right:10px;bottom:23px}
 .rg-phone-card__caption h3{font-size:14px}
 .rg-phone-card__caption p{font-size:11px}
}

.rg-home-about{scroll-margin-top:150px}
.rg-video-card__media>.rg-media-placeholder{align-items:flex-end;padding-bottom:46px}

/* Technical resources: white surface with a defined frame and soft elevation. */
.rg-news{background:#fff;color:var(--rg-ink)}
.rg-news .rg-sectionhead--light{color:var(--rg-ink)}
.rg-news__grid{border:1px solid var(--rg-line);box-shadow:0 14px 38px rgba(8,35,52,.13)}


/* Corning material page V2: compact image slots, stronger hierarchy and PDF access. */
.rg-corning-page { --corning-blue: #0b74b8; --corning-ink: #102d3f; --corning-soft: #f3f7f9; color: #17252f; }
.rg-corning-page .rg-corning-hero { height: 430px !important; min-height: 430px !important; background: #102d3f; overflow: hidden; }
.rg-corning-page .rg-corning-hero .rg-hero__slide { min-height: 430px; }
.rg-corning-page .rg-corning-hero .rg-hero__shade { background: linear-gradient(90deg,#102d3f 0%,rgba(16,45,63,.97) 50%,rgba(16,45,63,.35) 100%); }
.rg-corning-page .rg-corning-hero .rg-hero__content { max-width: 650px; }
.rg-corning-page .rg-corning-hero .rg-hero__content--box { padding: 0; background: transparent; }
.rg-corning-page .rg-corning-hero h1 { margin-bottom: 16px; }
.rg-corning-page .rg-corning-hero h1 span { display: block; margin-top: 7px; font-size: .52em; font-weight: 500; }
.rg-corning-page .rg-corning-hero p { max-width: 620px; }
.rg-corning-page .rg-bf33-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.rg-corning-page .rg-corning-download { border-color: rgba(255,255,255,.55); }
.rg-corning-page .rg-corning-slot { display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; min-height: 0; aspect-ratio: auto; border: 1px dashed #b7c6ce; background: #eef3f5; color: #536b78; }
.rg-corning-page .rg-corning-slot small { font-size: 11px; color: #7c919c; }
.rg-corning-page .rg-corning-slot--hero { position: absolute; z-index: 1; top: 65px; right: max(24px,calc((100vw - 1170px)/2)); width: min(390px,31vw); height: 300px !important; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.06); color: rgba(255,255,255,.82); }
.rg-corning-page .rg-corning-slot--hero small { color: rgba(255,255,255,.55); }
.rg-corning-nav { border-bottom: 1px solid #dce5e9; background: #fff; }
.rg-corning-nav .rg-container { display: flex; gap: 34px; min-height: 56px; align-items: center; overflow-x: auto; }
.rg-corning-nav a { flex: 0 0 auto; color: #3d515d; font-size: 14px; font-weight: 600; text-decoration: none; }
.rg-corning-nav a:hover { color: var(--corning-blue); }
.rg-corning-metrics { background: var(--corning-ink); color: #fff; }
.rg-corning-metrics .rg-container { display: grid; grid-template-columns: repeat(4,1fr); }
.rg-corning-metrics .rg-container > div { padding: 24px 28px; border-right: 1px solid rgba(255,255,255,.14); }
.rg-corning-metrics .rg-container > div:first-child { border-left: 1px solid rgba(255,255,255,.14); }
.rg-corning-metrics strong { display: block; margin-bottom: 3px; font-size: 23px; line-height: 1.2; }
.rg-corning-metrics span { color: rgba(255,255,255,.68); font-size: 12px; }
.rg-corning-page .rg-corning-advantages { padding-top: 72px; }
.rg-corning-page .rg-corning-benefits { counter-reset: advantage; gap: 18px; }
.rg-corning-page .rg-corning-benefits article { position: relative; min-height: 250px; padding: 30px 28px 28px; border-top: 4px solid var(--corning-blue); background: #fff; box-shadow: 0 12px 30px rgba(19,49,66,.08); }
.rg-corning-benefit-no { display: block !important; margin-bottom: 28px; color: var(--corning-blue) !important; font-size: 13px !important; font-weight: 700; letter-spacing: .08em; }
.rg-corning-page .rg-corning-benefits article > strong { display: block; margin-bottom: 14px; font-size: 19px; line-height: 1.42; }
.rg-corning-page .rg-corning-benefits article > span:last-child { line-height: 1.75; }
.rg-corning-page .rg-corning-overview { background: var(--corning-soft); }
.rg-corning-page .rg-bf33-photo { max-width: 520px; margin: 30px 0 0; }
.rg-corning-page .rg-corning-slot--content { width: 100%; height: 240px; }
.rg-corning-page .rg-corning-specs { padding-top: 82px; }
.rg-corning-page .rg-corning-specs .rg-specs__head { align-items: center; gap: 24px; }
.rg-corning-page .rg-corning-pdf { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 22px; padding: 22px 26px; border-left: 4px solid var(--corning-blue); background: #fff; box-shadow: 0 8px 24px rgba(19,49,66,.07); }
.rg-corning-page .rg-corning-pdf div { display: grid; gap: 4px; }
.rg-corning-page .rg-corning-pdf span { color: var(--corning-blue); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.rg-corning-page .rg-corning-pdf strong { color: var(--corning-ink); font-size: 16px; }
.rg-corning-page .rg-corning-pdf small { color: #71818a; }
.rg-corning-page .rg-corning-pdf > a { padding: 12px 17px; background: var(--corning-blue); color: #fff; text-decoration: none; font-weight: 700; white-space: nowrap; }
.rg-corning-page .rg-corning-slot--supply { width: 100%; height: 230px; }
.rg-corning-page .rg-corning-slot--process { width: 360px; max-width: 100%; height: 270px; }
.rg-corning-page .rg-bf33-supply-media figcaption,.rg-corning-page .rg-bf33-photo figcaption { margin-top: 8px; color: #6d7d86; font-size: 12px; }
@media (max-width: 900px) {
  .rg-corning-page .rg-corning-hero { height: 520px !important; min-height: 520px !important; }
  .rg-corning-page .rg-corning-hero .rg-hero__slide { min-height: 520px; }
  .rg-corning-page .rg-corning-hero .rg-hero__content { max-width: none; padding-right: 0; }
  .rg-corning-page .rg-corning-slot--hero { top: auto; right: 24px; bottom: 28px; width: 190px; height: 105px !important; }
  .rg-corning-metrics .rg-container { grid-template-columns: repeat(2,1fr); }
  .rg-corning-metrics .rg-container > div { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.14); }
  .rg-corning-metrics strong { font-size: 18px; }
}
@media (max-width: 640px) {
  .rg-corning-page .rg-corning-hero { height: 580px !important; min-height: 580px !important; }
  .rg-corning-page .rg-corning-hero .rg-hero__slide { min-height: 580px; }
  .rg-corning-page .rg-corning-hero .rg-hero__contentwrap { align-items: flex-start; padding-top: 52px; }
  .rg-corning-page .rg-corning-hero h1 { font-size: 36px; }
  .rg-corning-page .rg-corning-hero p { font-size: 14px; }
  .rg-corning-page .rg-corning-slot--hero { right: 20px; bottom: 22px; width: 145px; height: 82px !important; }
  .rg-corning-nav .rg-container { gap: 24px; }
  .rg-corning-page .rg-corning-benefits article { min-height: 0; }
  .rg-corning-page .rg-corning-pdf { align-items: flex-start; flex-direction: column; }
  .rg-corning-page .rg-corning-pdf > a { width: 100%; text-align: center; }
  .rg-corning-page .rg-corning-slot--content,.rg-corning-page .rg-corning-slot--supply,.rg-corning-page .rg-corning-slot--process { height: 190px; }
}