/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#14212b;--muted:#60717e;--line:#d6e1e6;--blue:#00afc1;--blue-dark:#12304a;--pale:#eaf1f4;--paper:#f7f9fa;--navy:#12304a;--cyan:#00afc1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}section[id],div[id],article[id]{scroll-margin-top:96px}body{color:var(--ink);background:#fff;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #1118201a;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);align-items:center;height:86px;padding:0 clamp(24px,4vw,72px);display:grid;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;width:max-content;display:inline-flex}.brand-logo{object-fit:contain;width:232px;height:auto}.brand-logo-symbol{width:45px;min-width:36px}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.08em;font-size:18px}.brand-copy small{color:#6c7781;letter-spacing:.12em;font-size:9px}.nav{align-items:center;gap:clamp(24px,3vw,48px);display:flex}.nav a{color:#263442;font-size:14px;position:relative}.nav a:after{background:var(--blue);content:"";height:2px;transition:right .25s;position:absolute;bottom:-10px;left:0;right:100%}.nav a:hover:after{right:0}.header-cta{color:#fff;background:var(--ink);justify-self:end;padding:12px 20px;font-size:13px}.menu-button{display:none}.hero{color:#fff;background:#111923;height:100vh;min-height:780px;position:relative;overflow:hidden}.hero-media{filter:saturate(.72)contrast(1.05);background:url(/assets/factory.jpg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#07121ded 0%,#081928c4 43%,#08162124 78%),linear-gradient(#0000 55%,#06121c73);position:absolute;inset:0}.hero-content{z-index:2;max-width:760px;padding:clamp(185px,23vh,250px) 0 0 clamp(28px,8vw,150px);position:relative}.eyebrow{color:var(--blue);letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:800}.eyebrow.light{color:#6edce6}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(52px,6.5vw,102px);font-weight:700;line-height:1.05}.hero-lead{color:#ffffffc7;max-width:690px;margin:34px 0 0;font-size:18px;line-height:1.9}.hero-actions{align-items:center;gap:32px;margin-top:40px;display:flex}.button{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover{background:#009aaa}.text-link{border-bottom:1px solid #ffffff80;padding:0 0 7px;font-size:14px}.text-link span{color:#6edce6;margin-left:8px}.hero-rail{z-index:3;width:min(720px,53vw);color:var(--ink);background:#fffffff0;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;right:0}.hero-rail div{border-left:1px solid #dbe1e5;align-items:flex-end;gap:14px;min-height:132px;padding:28px 30px;display:flex}.hero-rail strong{color:var(--blue);font-size:32px;line-height:1}.hero-rail span{color:#63717c;font-size:12px;line-height:1.55}.scroll-cue{z-index:3;letter-spacing:.22em;transform-origin:0;font-size:10px;position:absolute;bottom:45px;left:clamp(28px,8vw,150px);transform:rotate(-90deg)}.scroll-cue span{color:#6edce6;margin-left:10px}.section{padding:130px clamp(28px,8vw,150px)}.section-kicker{color:#8a949d;letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:48px;font-size:10px;font-weight:700;display:flex}.section-kicker span{color:var(--blue)}.intro-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:9vw;display:grid}h2{letter-spacing:-.035em;margin:0;font-size:clamp(38px,4.5vw,66px);font-weight:600;line-height:1.17}.intro-copy{border-top:1px solid var(--ink);padding-top:38px}.intro-copy p{color:#4e5b66;margin:0 0 22px;font-size:16px;line-height:2}.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:96px;display:grid}.values div{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:6px 22px;padding:32px 7%;display:grid}.values div:last-child{border-right:0}.values span{color:var(--blue);grid-row:1/3;font-size:11px}.values strong{font-size:28px;font-weight:600}.values small{color:var(--muted)}.capabilities{background:var(--paper)}.section-head{grid-template-columns:1fr 380px;align-items:end;gap:8vw;margin-bottom:70px;display:grid}.section-head .section-kicker{margin-bottom:44px}.section-head>p{color:var(--muted);margin:0 0 8px;line-height:1.9}.capability-list{border-top:1px solid #cdd4da}.capability-row{border-bottom:1px solid #cdd4da;grid-template-columns:70px minmax(240px,.8fr) 1.2fr 220px;align-items:center;gap:36px;min-height:172px;display:grid;position:relative;overflow:hidden}.capability-number{color:var(--blue);font-size:12px}.capability-name small{color:#87919a;letter-spacing:.16em;font-size:9px}.capability-name h3{margin:10px 0 0;font-size:30px;font-weight:600}.capability-row>p{max-width:560px;color:var(--muted);line-height:1.85}.capability-image{opacity:.87;height:130px;transition:opacity .3s,transform .3s;overflow:hidden}.capability-image img{object-fit:cover;width:100%;height:100%}.capability-row:hover .capability-image{opacity:1;transform:scale(1.03)}.process-band{color:#fff;background:var(--navy);grid-template-columns:.65fr 1.35fr;gap:7vw;padding:95px clamp(28px,8vw,150px);display:grid;position:relative;overflow:hidden}.process-band:after{opacity:.08;pointer-events:none;content:"";background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff73 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.process-band>*{z-index:1;position:relative}.process-title h2{font-size:clamp(34px,3.5vw,54px)}.process-list{border-left:1px solid #ffffff2e;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.process-list li{border-right:1px solid #ffffff2e;flex-direction:column;min-height:170px;padding:4px 20px;display:flex}.process-list span{color:#6edce6;font-size:11px}.process-list strong{margin-top:auto;font-size:18px}.process-list small{color:#ffffff80;margin-top:8px;line-height:1.5}.equipment-layout{grid-template-columns:.72fr 1.28fr;gap:8vw;display:grid}.equipment-sticky{align-self:start;position:sticky;top:125px}.equipment-sticky .section-kicker{margin-bottom:44px}.equipment-sticky img{object-fit:cover;filter:grayscale(.25);width:100%;height:300px;margin-top:48px}.machine-summary{border-top:3px solid var(--blue);grid-template-columns:repeat(3,1fr);margin-bottom:55px;display:grid}.machine-summary div{border-right:1px solid var(--line);align-items:flex-end;gap:10px;padding:26px 18px;display:flex}.machine-summary strong{color:var(--blue);font-size:30px}.machine-summary span{color:var(--muted);font-size:11px;line-height:1.5}.equipment-table{border-top:1px solid var(--ink)}.equipment-table-head,.equipment-table-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr .45fr .8fr 1.6fr;gap:18px;padding:19px 14px;display:grid}.equipment-table-head{color:#7c8790;letter-spacing:.1em;font-size:10px}.equipment-table-row{font-size:13px}.equipment-table-row span:first-child{font-weight:700}.injection-note{color:#fff;background:var(--blue);grid-template-columns:160px 1fr;margin-top:45px;padding:28px 30px;display:grid}.injection-note p{opacity:.83;margin:0;font-size:14px;line-height:1.8}.products{background:var(--pale)}.section-head.compact{margin-bottom:56px}.product-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:16px;display:grid}.product-card{border-top:3px solid var(--cyan);background-color:#f7f9fa;background-image:linear-gradient(#12304a0b 1px,#0000 1px),linear-gradient(90deg,#12304a0b 1px,#0000 1px);background-size:28px 28px;margin:0;position:relative;overflow:hidden}.product-card img{z-index:1;object-fit:contain;width:100%;height:100%;padding:22px;transition:transform .45s;position:relative}.product-card figcaption{color:#fff;background:linear-gradient(#0000,#08121ac7);align-items:center;gap:12px;padding:46px 18px 16px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.product-card figcaption span{color:#6edce6;font-size:10px}.product-card:hover img{transform:scale(1.035)}.product-1{grid-area:span 2/span 5}.product-2{grid-area:span 2/span 3}.product-3,.product-4,.product-5,.product-6{grid-column:span 4}.quality-section{background:var(--navy);grid-template-columns:1.05fr .95fr;min-height:760px;display:grid}.quality-image{background:linear-gradient(#06111a1f,#06111a47),url(/assets/ruibo-quality-process.jpg) 50%/cover no-repeat}.quality-card{color:#fff;padding:110px clamp(40px,6vw,105px)}.section-kicker.inverse{color:#ffffff73;margin-bottom:44px}.quality-card h2{max-width:620px}.quality-card ul{border-top:1px solid #ffffff2e;margin:65px 0 0;padding:0;list-style:none}.quality-card li{border-bottom:1px solid #ffffff2e;grid-template-columns:54px 1fr;padding:25px 0;display:grid}.quality-card li>span{color:#6edce6;font-size:11px}.quality-card strong{font-size:16px}.quality-card li p{color:#ffffff91;margin:9px 0 0;font-size:13px;line-height:1.7}.contact-section{background:var(--pale);grid-template-columns:.9fr 1.1fr;gap:10vw;padding:130px clamp(28px,8vw,150px);display:grid}.contact-intro>p:not(.eyebrow){max-width:600px;color:var(--muted);line-height:1.9}.contact-prompt{border-top:1px solid #becdd7;gap:9px;margin-top:45px;padding-top:22px;display:grid}.contact-prompt span{color:var(--muted);font-size:11px}.contact-prompt strong{font-size:14px}.inquiry-form{background:#fff;padding:44px;box-shadow:0 18px 70px #0c3c5c17}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.inquiry-form label{color:#53616c;gap:10px;margin-bottom:22px;font-size:12px;display:grid}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #cbd3d8;border-radius:0;outline:none;padding:12px 2px}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--blue)}.button.submit{color:#fff;background:var(--blue);width:100%}.form-note{color:#8a949c;margin-top:14px;line-height:1.5;display:block}.form-note.success{color:#147a57}.form-note.error{color:#aa3f3f}.inquiry-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.inquiry-consent{align-items:start;line-height:1.6;color:#71808b!important;grid-template-columns:18px 1fr!important;gap:9px!important;font-size:10px!important}.inquiry-consent input{height:15px;margin-top:1px;width:15px!important}.inquiry-consent a{color:var(--blue);text-decoration:underline}.file-field input{background:#f7fafb;border:1px dashed #aebdc6;padding:12px}.file-field small{color:#86949d}.inquiry-success{color:#205e49;background:#edf8f3;gap:6px;margin-top:16px;padding:16px;font-size:12px;line-height:1.6;display:grid}.lead-context{color:#5b6f7b;background:#f3f7f8;gap:7px;margin-top:16px;padding:12px 14px;font-size:10px;display:grid}.lead-context a{color:#007f91;text-decoration:underline}.social-float{z-index:70;gap:8px;display:grid;position:fixed;bottom:24px;right:18px}.social-float a{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid;box-shadow:0 8px 24px #041a2738}.social-float a:first-child{background:#18a86b}.landing-page{background:#fff}.landing-hero{color:#fff;background:var(--navy);grid-template-columns:1fr .85fr;align-items:center;gap:6vw;min-height:720px;padding:150px clamp(28px,8vw,150px) 80px;display:grid}.landing-hero h1{letter-spacing:-.045em;max-width:820px;margin:0;font-size:clamp(48px,6vw,88px);line-height:1.04}.landing-hero>div>p:not(.eyebrow){color:#ffffffb3;max-width:720px;font-size:18px;line-height:1.8}.landing-hero>img{object-fit:cover;border-top:5px solid var(--cyan);width:100%;height:480px}.landing-proof,.landing-gallery{padding:110px clamp(28px,8vw,150px)}.landing-proof h2{max-width:900px}.landing-points{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:60px;display:grid}.landing-points article{border-right:1px solid var(--line);padding:28px}.landing-points article:last-child{border-right:0}.landing-points strong{font-size:18px}.landing-points p{color:var(--muted);font-size:13px;line-height:1.8}.landing-stats{color:#fff;background:var(--cyan);grid-template-columns:repeat(4,1fr);padding:45px clamp(28px,8vw,150px);display:grid}.landing-stats div{border-right:1px solid #ffffff47;gap:8px;padding:18px 28px;display:grid}.landing-stats strong{font-size:34px}.landing-stats span{opacity:.78;font-size:12px}.landing-gallery{background:var(--paper)}.landing-gallery>div:last-child{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing-gallery figure{background:#fff;margin:0}.landing-gallery img{object-fit:cover;width:100%;height:330px}.landing-gallery figcaption{color:var(--muted);padding:16px 18px;font-size:12px}.landing-process{color:#fff;background:var(--navy);grid-template-columns:.7fr 1.3fr;gap:6vw;padding:90px clamp(28px,8vw,150px);display:grid}.landing-process ol{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.landing-process li{border-left:1px solid #fff3;align-content:space-between;min-height:140px;padding:18px;font-size:14px;line-height:1.5;display:grid}.landing-process li span{color:#6edce6;font-size:10px}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:125px}.landing-hero>img{height:300px}.landing-points,.landing-stats{grid-template-columns:1fr 1fr}.landing-gallery>div:last-child,.landing-process,.landing-process ol{grid-template-columns:1fr}.landing-process li{min-height:80px}}@media (max-width:560px){.landing-points,.landing-stats{grid-template-columns:1fr}.landing-hero h1{font-size:45px}.social-float{bottom:14px;right:12px}}footer{color:#ffffff94;background:#14212b;grid-template-columns:1fr auto auto;align-items:center;gap:50px;min-height:155px;padding:42px clamp(28px,8vw,150px);font-size:11px;display:grid}.footer-brand{background:#fff;padding:9px 12px}.footer-brand .brand-logo{width:210px}.english-site .hero-content{max-width:920px}.english-site .hero h1{max-width:1000px;font-size:clamp(50px,6vw,92px)}.english-site .hero-lead{max-width:850px}.english-site .capability-name h3{font-size:27px}.english-equipment{border-top:1px solid var(--ink)}.english-equipment article{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 1.3fr;align-items:start;gap:26px;padding:30px 4px;display:grid}.english-equipment article>span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.english-equipment h3{margin:0;font-size:20px}.english-equipment p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.admin-shell{color:#17212a;background:#f3f5f6;grid-template-columns:270px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:30px 24px;display:flex;position:sticky;top:0}.admin-brand{margin-bottom:70px}.admin-brand .brand-copy small{color:#ffffff73}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar nav a{color:#ffffff94;border-left:2px solid #0000;align-items:center;gap:16px;padding:14px 16px;font-size:13px;display:flex}.admin-sidebar nav a span{color:#6edce6bf;width:20px;font-size:9px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;border-left-color:var(--cyan);background:#ffffff0d}.admin-user{border-top:1px solid #ffffff1f;align-items:center;gap:12px;margin-top:auto;padding-top:24px;display:flex}.admin-user>span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.admin-user div{gap:3px;min-width:0;display:grid}.admin-user strong{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-user small{color:#ffffff59;font-size:9px}.admin-main{min-width:0;padding:0 54px 70px}.admin-topbar{border-bottom:1px solid #dce1e5;justify-content:space-between;align-items:center;min-height:115px;display:flex}.admin-topbar small,.panel-title small,.credential-panel small{color:#88939c;letter-spacing:.16em;font-size:9px;font-weight:800}.admin-topbar h1{margin:7px 0 0;font-size:26px;font-weight:600}.admin-topbar>a{border:1px solid #ced5da;padding:9px 14px;font-size:11px}.admin-dashboard{padding-top:38px}.admin-loading{color:#73808a;align-content:center;place-items:center;gap:18px;min-height:520px;display:grid}.admin-loading span{border:3px solid #d4dce1;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connection-hero,.admin-account{color:#fff;background:linear-gradient(120deg,#14212b,#12304a);justify-content:space-between;align-items:flex-start;min-height:270px;padding:46px;display:flex}.connection-hero>div,.admin-account>div{max-width:760px}.connection-status{color:#6edce6;letter-spacing:.12em;align-items:center;gap:9px;width:max-content;font-size:10px;font-weight:800;display:inline-flex}.connection-status i{background:#f0a33a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f0a33a1f}.connection-status.connected i{background:#49d49d;box-shadow:0 0 0 5px #49d49d1f}.connection-hero h2,.admin-account h2{max-width:720px;margin:32px 0 16px;font-size:clamp(28px,3.3vw,47px);font-weight:500;line-height:1.22}.connection-hero p,.admin-account p{color:#ffffff94;max-width:680px;margin:0;font-size:13px;line-height:1.8}.connection-hero button,.admin-account button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff47;padding:12px 18px;font-size:11px}.setup-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.setup-card{background:#fff;border-top:3px solid #b9c5cd;min-height:210px;padding:28px}.setup-card>span{color:var(--blue);font-size:10px}.setup-card h3{margin:35px 0 12px;font-size:18px}.setup-card p{color:#76828c;margin:0;font-size:12px;line-height:1.75}.credential-panel{background:#fff;grid-template-columns:.7fr 1.3fr;gap:30px 60px;margin-top:22px;padding:32px;display:grid}.credential-panel h3{margin:8px 0 0;font-size:21px}.credential-panel ul{grid-template-columns:1fr 1fr;gap:12px 20px;margin:0;padding:0;list-style:none;display:grid}.credential-panel li{color:#495762;font-size:12px}.credential-panel li span{color:#e2a33d;margin-right:10px}.credential-panel>p{color:#87929a;border-top:1px solid #e1e5e8;grid-column:1/-1;margin:0;padding-top:20px;font-size:11px}.admin-account{min-height:205px;padding:35px 38px}.admin-account h2{margin:22px 0 9px;font-size:32px}.metric-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px;display:grid}.metric-grid article{background:#fff;border-top:3px solid #c4d0d7;flex-direction:column;min-height:148px;padding:22px;display:flex}.metric-grid article:first-child{border-top-color:var(--blue)}.metric-grid article>span{color:#77838d;font-size:11px}.metric-grid strong{margin-top:auto;font-size:25px;font-weight:600}.metric-grid small{color:#9aa3aa;letter-spacing:.1em;margin-top:8px;font-size:8px}.campaign-panel{background:#fff;margin-top:20px;padding:30px}.panel-title{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.panel-title h3{margin:7px 0 0;font-size:20px}.panel-title>span{color:#8b969e;font-size:9px}.campaign-table{overflow-x:auto}.campaign-head,.campaign-row{border-bottom:1px solid #e5e9eb;grid-template-columns:1.6fr .7fr .9fr .65fr .55fr .7fr .55fr;align-items:center;gap:14px;min-width:820px;padding:15px 12px;display:grid}.campaign-head{color:#8d979f;letter-spacing:.08em;background:#f7f8f8;font-size:9px}.campaign-row{font-size:11px}.campaign-row>span:first-child{gap:4px;display:grid}.campaign-row strong{font-size:12px}.campaign-row small{color:#9aa3aa;font-size:8px}.status-dot{background:#aab3ba;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.on{background:#33c889}.campaign-empty{color:#7b8790;text-align:center;padding:55px 20px;font-size:12px}.admin-footnote{color:#8b959c;margin:20px 0 0;font-size:10px;line-height:1.7}.tracking-panel{border-top:3px solid var(--cyan);background:#fff;margin-top:20px;padding:30px}.tracking-panel>p{color:#6a7882;max-width:780px;margin:-8px 0 24px;font-size:11px;line-height:1.8}.tracking-panel form{grid-template-columns:1fr 1fr auto;align-items:end;gap:18px;display:grid}.tracking-panel label{color:#53616c;gap:8px;font-size:10px;display:grid}.tracking-panel input{border:1px solid #d4dde2;outline:none;min-height:43px;padding:10px 12px}.tracking-panel input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00afc11a}.tracking-panel button{color:#fff;background:var(--navy);cursor:pointer;border:0;min-height:43px;padding:0 18px;font-size:11px;font-weight:700}.tracking-panel button:disabled{opacity:.55}.tracking-message{color:#7d8b94;margin-top:14px;font-size:9px;line-height:1.6;display:block}.cms-admin{padding-top:28px}.cms-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cms-tabs{gap:8px;display:flex}.cms-tabs button,.cms-new{color:#66737d;cursor:pointer;background:#fff;border:1px solid #d4dade;padding:11px 16px;font-size:11px}.cms-tabs button.active{color:#fff;background:#152430;border-color:#152430}.cms-tabs span{opacity:.6;margin-left:7px}.cms-new{color:#fff;background:var(--blue);border-color:var(--blue)}.cms-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:18px;display:grid}.cms-list{background:#fff;min-height:650px;padding:14px}.cms-list-head{border-bottom:1px solid #e3e7ea;gap:5px;padding:12px 10px 18px;display:grid}.cms-list-head span{font-size:13px;font-weight:700}.cms-list-head small{color:#909aa2;font-size:9px}.cms-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e7eaec;gap:7px;width:100%;padding:16px 11px;display:grid}.cms-list>button.selected{background:#edf6fc}.cms-list>button.active{background:#edf6fc}.cms-list>button strong{font-size:12px;line-height:1.5}.cms-list>button small{color:#929ca4;text-overflow:ellipsis;font-size:8px;overflow:hidden}.cms-status{color:#856b3d;background:#fff4df;width:max-content;padding:3px 7px;font-size:8px}.cms-status.published{color:#17845f;background:#e8f8f1}.cms-empty{color:#919ba3;padding:35px 10px;font-size:10px;line-height:1.6}.cms-editor{background:#fff}.cms-editor-head{color:#fff;background:#11212d;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.cms-editor-head small{color:#71c8ff;letter-spacing:.15em;font-size:8px}.cms-editor-head h2{margin-top:7px;font-size:23px}.cms-editor-head p{color:#ffffff94;max-width:540px;margin:9px 0 0;font-size:10px;line-height:1.6}.cms-head-status{color:#f2c979;background:#f2c9791f;border:1px solid #f2c97947;flex:none;padding:7px 11px;font-size:9px}.cms-head-status.published{color:#7de1bb;background:#43c1911f;border-color:#7de1bb47}.cms-fields{gap:22px;padding:30px 32px;display:grid}.cms-fields label{color:#53616c;gap:8px;font-size:11px;display:grid}.cms-fields input,.cms-fields textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dde1;outline:none;padding:11px 12px}.cms-fields input:focus,.cms-fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878d114}.cms-fields label small{color:#939ca3;font-size:9px;line-height:1.5}.cms-two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.cms-upload{background:#f2f5f6;grid-template-columns:180px 1fr;align-items:center;gap:22px;padding:18px;display:grid}.cms-upload>div{color:#9ba4aa;background:#fff;place-items:center;height:120px;font-size:10px;display:grid;overflow:hidden}.cms-upload img{object-fit:contain;width:100%;height:100%}.cms-upload input{border:0;padding:0}.cms-seo{border-left:3px solid var(--blue);background:#edf6fb;gap:18px;padding:25px;display:grid}.cms-seo h3{margin:5px 0 0;font-size:18px}.cms-seo>div small{color:var(--blue);letter-spacing:.15em;font-size:8px;font-weight:800}.cms-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #e1e5e8;align-items:center;gap:18px;padding:18px 32px;display:flex;position:sticky;bottom:0}.cms-actions .button{width:auto;min-width:180px}.cms-draft{color:#41515d;cursor:pointer;background:#fff;border:1px solid #cfd7dc;min-height:52px;padding:0 24px;font-weight:700}.cms-draft:disabled{cursor:wait;opacity:.55}.cms-delete{color:#a04444;cursor:pointer;background:#fff;border:1px solid #e0c7c7;padding:10px 14px;font-size:10px}.cms-actions>span{color:#66808e;font-size:10px}.inquiry-admin{padding-top:28px}.inquiry-admin-head{color:#fff;background:#11212d;justify-content:space-between;align-items:center;margin-bottom:20px;padding:28px 32px;display:flex}.inquiry-admin-head p{color:#71c8ff;letter-spacing:.15em;margin:0 0 7px;font-size:8px}.inquiry-admin-head h2{font-size:25px}.inquiry-admin-head button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:10px 16px}.inquiry-admin-list{gap:14px;display:grid}.inquiry-admin-list article{background:#fff;border-left:3px solid #bcc7ce;padding:24px 28px}.inquiry-admin-list article.new{border-left-color:var(--blue)}.inquiry-admin-list article>header{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.inquiry-admin-list article>header div{gap:7px;display:grid}.inquiry-admin-list article>header span{color:#49606e;background:#eef2f4;width:max-content;padding:4px 7px;font-size:8px}.inquiry-admin-list article.new>header span{color:#0878d1;background:#e7f4fd}.inquiry-admin-list article>header strong{font-size:16px}.inquiry-admin-list time{color:#8a969e;font-size:9px}.inquiry-admin-list dl{border-top:1px solid #e5e9eb;border-bottom:1px solid #e5e9eb;grid-template-columns:1fr 1fr .5fr;margin:20px 0;padding:15px 0;display:grid}.inquiry-admin-list dl div{padding-right:20px}.inquiry-admin-list dt{color:#929ca3;font-size:8px}.inquiry-admin-list dd{color:#31424e;margin:6px 0 0;font-size:11px}.inquiry-admin-list article>p{color:#52616b;white-space:pre-wrap;margin:0;line-height:1.8}.inquiry-admin-list article>footer{min-height:0;color:inherit;background:0 0;justify-content:flex-end;gap:12px;margin-top:18px;padding:0;display:flex}.inquiry-admin-list article>footer a,.inquiry-admin-list article>footer select{color:#40515e;background:#fff;border:1px solid #d2d9dd;padding:9px 12px;font-size:10px}.inquiry-admin-notice{color:#557180;font-size:10px}.policy-page{max-width:920px;margin:0 auto;padding:110px 40px 130px}.policy-page h1{letter-spacing:-.04em;margin:12px 0 8px;font-size:clamp(48px,7vw,82px)}.policy-date{color:#89949c;margin:0 0 60px;font-size:11px}.policy-page section{border-top:1px solid #dce2e5;padding:30px 0}.policy-page section h2{margin-bottom:14px;font-size:22px}.policy-page section p{color:#53616b;margin:0;line-height:2}.admin-login{color:#fff;background:radial-gradient(circle at 80% 10%,#0b5d91 0,#0000 34%),#091722;place-items:center;min-height:100vh;padding:40px 24px;display:grid}.admin-login section{background:#0d2230eb;border:1px solid #ffffff1f;width:min(680px,100%);padding:55px}.admin-login .brand{color:#fff;margin-bottom:60px}.admin-login section>p{color:#70c7ff;letter-spacing:.18em;font-size:9px}.admin-login h1{letter-spacing:-.04em;margin:12px 0 30px;font-size:clamp(38px,6vw,66px);line-height:1.13}.admin-login ul{color:#ffffffad;grid-template-columns:1fr 1fr;gap:12px 25px;margin:0 0 35px;padding:0;font-size:12px;list-style:none;display:grid}.admin-login li:before{color:#59bdfc;content:"✓";margin-right:8px}.admin-login section>small{color:#ffffff73;margin-top:16px;font-size:9px;display:block}.site-editor{gap:18px;padding-top:28px;display:grid}.site-editor-intro{color:#fff;background:linear-gradient(120deg,#102635,#075184);justify-content:space-between;gap:30px;padding:32px;display:flex}.site-editor-intro small{color:#75ceff;letter-spacing:.16em;font-size:8px}.site-editor-intro h2{margin:8px 0 10px;font-size:28px}.site-editor-intro p{color:#ffffff9e;max-width:650px;margin:0;font-size:11px;line-height:1.7}.site-editor-intro a{white-space:nowrap;border:1px solid #ffffff47;align-self:flex-start;padding:10px 14px;font-size:10px}.site-editor>section{background:#fff}.site-editor>section>header{border-bottom:1px solid #e1e6e9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.site-editor>section>header div{align-items:center;gap:13px;display:flex}.site-editor>section>header span{color:var(--blue);font-size:9px;font-weight:800}.site-editor>section>header h3{margin:0;font-size:17px}.site-editor>section>header button{color:#fff;background:var(--blue);cursor:pointer;border:0;padding:9px 13px;font-size:10px}.site-editor>section>header button:disabled{opacity:.55}.site-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.site-editor-fields label{color:#586772;gap:7px;font-size:10px;display:grid}.site-editor-fields input,.site-editor-fields textarea{color:#17212a;background:#fff;border:1px solid #d6dde1;outline:none;width:100%;padding:11px 12px}.site-editor-fields textarea{resize:vertical;line-height:1.6}.site-editor-fields input:focus,.site-editor-fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878d114}.site-editor-notice{color:#fff;background:#167b5a;justify-self:center;padding:12px 20px;font-size:11px;position:sticky;bottom:18px;box-shadow:0 8px 30px #00000029}.content-header{position:sticky;top:0;z-index:50;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1118201a;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);align-items:center;height:86px;padding:0 clamp(24px,4vw,72px);display:grid}.nav a:hover:after,.nav a.active:after{right:0}.nav a.active{color:var(--blue);font-weight:600}.header-cta:hover{background:var(--blue)}.content-hero{color:#fff;background:linear-gradient(100deg,#05131df5,#052c46b8),url(/assets/mold-production.png) 50%/cover;align-items:flex-end;min-height:450px;padding:110px clamp(28px,8vw,150px);display:flex}.content-hero>div{max-width:850px}.content-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(46px,6vw,82px);line-height:1.08}.content-hero p:last-child{color:#ffffffad;max-width:680px;margin:25px 0 0;line-height:1.8}.news-hero{background:linear-gradient(100deg,#05131df5,#052c46a6),url(/assets/engineering-office.jpg) 50%/cover}.content-listing{grid-template-columns:120px 1fr;gap:4vw;padding:100px clamp(28px,8vw,150px) 130px;display:grid}.listing-intro{border-top:2px solid var(--blue);padding-top:12px}.listing-intro span{color:var(--blue);font-size:42px}.listing-intro p{color:#72808a;font-size:11px}.content-grid{grid-template-columns:repeat(3,1fr);gap:50px 22px;display:grid}.content-card>div{background-color:var(--pale);border-top:3px solid var(--cyan);background-image:linear-gradient(#12304a0a 1px,#0000 1px),linear-gradient(90deg,#12304a0a 1px,#0000 1px);background-size:28px 28px;height:280px;margin-bottom:20px;overflow:hidden}.content-card img{object-fit:contain;width:100%;height:100%;padding:20px;transition:transform .4s}.content-card:hover img{transform:scale(1.04)}.content-card small{color:var(--blue);letter-spacing:.1em;font-size:9px}.content-card h2{letter-spacing:-.02em;margin:10px 0 12px;font-size:22px}.content-card p{color:#75818a;min-height:54px;margin:0;font-size:12px;line-height:1.7}.content-card>span{border-bottom:1px solid #aeb8bf;margin-top:18px;padding-bottom:5px;font-size:10px;display:inline-block}.detail-page,.article-page{padding:55px clamp(28px,8vw,150px) 120px}.breadcrumbs{color:#89939a;gap:10px;font-size:9px;display:flex}.breadcrumbs b{color:#4f5c66;text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:45px;display:grid}.detail-media{background-color:var(--pale);border-top:3px solid var(--cyan);background-image:linear-gradient(#12304a0a 1px,#0000 1px),linear-gradient(90deg,#12304a0a 1px,#0000 1px);background-size:32px 32px;place-items:center;height:540px;display:grid}.detail-media img{object-fit:contain;width:100%;height:100%;padding:45px}.detail-intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.12}.detail-intro h2{color:#8a949b;letter-spacing:.03em;margin:15px 0 0;font-size:16px}.detail-intro>p:not(.eyebrow){color:#5e6b75;margin:30px 0;font-size:16px;line-height:1.9}.detail-body{border-top:1px solid #d8dee2;grid-template-columns:250px 1fr;gap:8vw;margin-top:90px;padding-top:45px;display:grid}.detail-body aside{align-content:start;gap:10px;display:grid}.detail-body aside span{color:var(--blue);letter-spacing:.16em;font-size:9px}.detail-body aside strong{font-size:14px}.detail-body>div p,.article-content p{color:#43515c;margin:0 0 24px;font-size:16px;line-height:2}.news-list{padding:90px clamp(28px,8vw,150px) 130px}.news-list>a{border-bottom:1px solid #d9dfe3;grid-template-columns:60px 1fr 260px;align-items:center;gap:40px;min-height:190px;padding:30px 0;display:grid}.news-list>a>span{color:var(--blue);font-size:12px}.news-list small{color:#87929b;font-size:9px}.news-list h2{margin:10px 0;font-size:25px}.news-list p{color:#73808a;margin:0;font-size:12px;line-height:1.7}.news-list img{object-fit:cover;width:260px;height:130px}.public-empty{text-align:center;color:#79858e;padding:80px 0}.public-empty strong{color:var(--ink);font-size:22px}.article-page>header{text-align:center;max-width:980px;margin:75px auto 50px}.article-page>header h1{letter-spacing:-.035em;margin:0;font-size:clamp(40px,5vw,70px);line-height:1.18}.article-page>header>div{color:#8a949c;justify-content:center;gap:25px;margin-top:25px;font-size:10px;display:flex}.article-cover{object-fit:cover;width:100%;max-height:650px}.article-content{max-width:840px;margin:65px auto 0}.article-content .article-lead{color:#263743;border-bottom:1px solid #d9dfe2;padding-bottom:28px;font-size:20px;font-weight:600;line-height:1.8}.content-footer{color:#ffffff8c;background:#14212b;grid-template-columns:1fr auto auto;align-items:center;gap:45px;min-height:155px;padding:42px clamp(28px,8vw,150px);font-size:10px;display:grid}@media (max-width:1100px){.site-header,.content-header{grid-template-columns:1fr auto auto}.nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:flex-start;gap:24px;padding:28px;display:none;position:fixed;top:86px;left:0;right:0;box-shadow:0 16px 36px rgba(17,24,32,0.12)}.nav.open{display:flex}.menu-button{background:0 0;border:0;gap:7px;width:32px;margin-right:22px;padding:7px 3px;display:grid}.menu-button span{background:var(--ink);height:2px;display:block}.header-cta{grid-column:3}.hero-rail{width:70vw}.capability-row{grid-template-columns:55px minmax(190px,.7fr) 1.3fr}.capability-image{display:none}.process-band,.equipment-layout{grid-template-columns:1fr}.equipment-sticky{position:static}.equipment-sticky img{display:none}.admin-shell{grid-template-columns:220px 1fr}.admin-main{padding:0 28px 55px}.metric-grid{grid-template-columns:repeat(3,1fr)}.cms-layout{grid-template-columns:220px minmax(0,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.site-header,.content-header{grid-template-columns:1fr auto;height:72px;padding:0 20px}.brand-logo{width:180px}.brand-logo-symbol{width:38px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:7px}.nav{top:72px}.menu-button{margin:0}.header-cta{display:none}.hero{height:100svh;min-height:760px}.hero-media{background-position:62%}.hero-shade{background:linear-gradient(90deg,#07121df0,#08192894)}.hero-content{padding:170px 25px 0}.hero h1{font-size:50px}.hero-lead{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-rail{grid-template-columns:repeat(3,1fr);width:100%}.hero-rail div{flex-direction:column;align-items:flex-start;gap:7px;min-height:105px;padding:20px 12px}.hero-rail strong{font-size:21px}.scroll-cue{display:none}.section{padding:85px 24px}.section-kicker{margin-bottom:34px}h2{font-size:36px}.intro-grid,.section-head,.contact-section{grid-template-columns:1fr;gap:42px}.intro-copy{padding-top:26px}.values{grid-template-columns:1fr;margin-top:55px}.values div{border-right:0;border-bottom:1px solid var(--line)}.values div:last-child{border-bottom:0}.section-head>p{max-width:none}.capability-row{grid-template-columns:42px 1fr;gap:14px;padding:28px 0}.capability-row>p{grid-column:2;margin:0}.capability-name h3{font-size:25px}.process-band{padding:75px 24px}.process-list{border-top:1px solid #ffffff2e;border-left:0;grid-template-columns:1fr}.process-list li{border-bottom:1px solid #ffffff2e;border-right:0;grid-template-columns:50px 1fr;align-items:center;min-height:98px;padding:18px 0;display:grid}.process-list strong{margin:0}.process-list small{grid-column:2;margin-top:-22px}.machine-summary{grid-template-columns:1fr}.machine-summary div{border-right:0;border-bottom:1px solid var(--line)}.equipment-table-head{display:none}.equipment-table-row{grid-template-columns:1fr 1fr;gap:12px;padding:20px 4px}.equipment-table-row span:before{color:#8a949c;content:attr(data-label);margin-bottom:4px;font-size:9px;display:block}.injection-note{grid-template-columns:1fr;gap:12px}.product-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.product-card{grid-area:span 1/span 1!important}.quality-section{grid-template-columns:1fr;min-height:auto}.quality-image{height:370px}.quality-card{padding:80px 24px}.contact-section{padding:85px 24px}.inquiry-form{padding:28px 22px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;gap:22px;padding:40px 24px}.english-site .hero h1{font-size:43px}.english-equipment article{grid-template-columns:1fr;gap:10px}.admin-shell{display:block}.admin-sidebar{flex-direction:row;align-items:center;height:auto;padding:20px;position:static}.admin-brand{margin:0}.admin-sidebar nav{margin-left:auto;display:flex}.admin-sidebar nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:4px 0;max-width:100%}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-sidebar nav a{display:inline-flex;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;background:#ffffff14}.admin-sidebar nav a{padding:10px}.admin-sidebar nav a span,.admin-user{display:none}.admin-main{padding:0 18px 45px}.admin-topbar{min-height:95px}.admin-topbar h1{font-size:21px}.connection-hero,.admin-account{flex-direction:column;gap:28px;min-height:auto;padding:30px 24px}.connection-hero h2{font-size:30px}.setup-grid,.metric-grid{grid-template-columns:1fr}.credential-panel{grid-template-columns:1fr;gap:25px}.credential-panel ul,.tracking-panel form{grid-template-columns:1fr}.metric-grid article{min-height:120px}.panel-title{flex-direction:column;align-items:flex-start;gap:10px}.cms-layout{grid-template-columns:1fr}.cms-list{min-height:auto;max-height:330px;overflow:auto}.cms-editor-head,.cms-fields{padding:24px 20px}.cms-two,.cms-upload{grid-template-columns:1fr}.cms-actions{flex-wrap:wrap;padding:15px 20px}.inquiry-admin-list article{padding:21px 18px}.inquiry-admin-list article>header{flex-direction:column;gap:10px}.inquiry-admin-list dl{grid-template-columns:1fr;gap:13px}.inquiry-admin-list article>footer{flex-direction:column;align-items:stretch}.policy-page{padding:75px 24px 100px}.admin-login section{padding:35px 25px}.admin-login ul,.site-editor-fields{grid-template-columns:1fr}.site-editor-intro{flex-direction:column}.content-hero{min-height:400px;padding:85px 24px 55px}.content-listing{grid-template-columns:1fr;padding:70px 24px 90px}.listing-intro{align-items:center;gap:14px;display:flex}.content-grid{grid-template-columns:1fr}.content-card>div{height:300px}.detail-page,.article-page{padding:35px 24px 80px}.detail-grid{grid-template-columns:1fr}.detail-media{height:280px}.detail-body{grid-template-columns:1fr;gap:30px}.news-list{padding:60px 24px 90px}.news-list>a{grid-template-columns:35px 1fr;gap:18px}.news-list img{grid-column:2;width:100%;height:190px}.content-footer{grid-template-columns:1fr;gap:20px;padding:40px 24px}}@media (max-width:430px){.hero h1{font-size:43px}.hero-rail span{font-size:10px}.product-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* ==========================================================================
   瑞勃塑胶 Typography & UI 样式规范升级系统 (2026-10-10)
   1. SEO与无障碍专用隐藏类 (.sr-only)
   2. H1 ~ H6 现代精密制造工业风全站层级排版规范
   3. 侧边栏分类、卡片网格与产品分页条
   4. 产品详情多图画廊与主图缩略图交互组件
   5. 新闻中心与文章详情排版
   ========================================================================== */


/* ==========================================================================
   网站底部 Footer 视觉协同规范（保持官方原始 Logo 标准色 100% 纯正，自然融入深色背景）
   ========================================================================== */
footer,
.content-footer {
  background: #111e28 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 40px clamp(24px, 5vw, 60px) !important;
}

footer .footer-brand,
.content-footer .footer-brand,
.footer-brand {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  line-height: 1 !important;
  transition: opacity 0.2s ease !important;
}

footer .footer-brand:hover,
.content-footer .footer-brand:hover {
  opacity: 0.88 !important;
  transform: none !important;
  box-shadow: none !important;
}

footer .footer-brand img,
.content-footer .footer-brand img,
.footer-brand .brand-logo {
  width: 185px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

footer p,
.content-footer p {
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

footer p a,
.content-footer p a {
  color: #cbd5e1 !important;
  transition: color 0.2s ease !important;
}

footer p a:hover,
.content-footer p a:hover {
  color: #00afc1 !important;
}

/* 1. SEO / 无障碍屏幕阅读器辅助标题（视觉完全隐藏，爬虫友好） */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

/* 2. 全局标题重构：现代高端精密制造 B2B Typography 标准 */

/* H1 顶级标题：克制而有张力的高阶工业感 */
.hero h1,
.landing-hero h1,
.english-site .hero h1 {
  font-size: clamp(34px, 4.2vw, 52px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
}

/* 栏目内页顶通 Banner 大标题 */
.content-hero h1 {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 6px 0 10px !important;
}

/* 详情页、文章主标题、隐私条款主标题 */
.article-page > header h1 {
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin: 12px 0 16px !important;
}
.detail-intro h1 {
  font-size: clamp(24px, 2.6vw, 32px) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin: 6px 0 10px !important;
}
.policy-page h1 {
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin: 16px 0 12px !important;
}

/* H2 区块主标题与栏目副标题 */
h2,
.section-head h2,
.equipment-sticky h2,
.contact-intro h2 {
  font-size: clamp(22px, 2.6vw, 32px) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.015em !important;
  font-weight: 700 !important;
  color: #12304a !important;
}

/* 暗色工业质感背景区 Section H2 */
.process-title h2,
.quality-card h2,
.landing-hero h2 {
  font-size: clamp(22px, 2.6vw, 32px) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.015em !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* 详情页章节小标、侧边栏标题、条款副标 */
.detail-section-header h2 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin: 0 0 6px 0 !important;
}
.category-sidebar-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.policy-page section h2 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #12304a !important;
  margin-bottom: 12px !important;
}

/* H3 卡片标题、能力组小标 */
.content-card h2,
.content-card h3 {
  font-size: 16.5px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #12304a !important;
  letter-spacing: -0.01em !important;
  margin: 4px 0 8px !important;
}
.news-list h2,
.news-list h3,
.article-card h2,
.article-card h3 {
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #12304a !important;
  margin: 8px 0 10px !important;
}
.capability-name h3 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #12304a !important;
  margin: 8px 0 0 0 !important;
}
.english-equipment h3 {
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #12304a !important;
  margin: 0 !important;
}

/* H4 ~ H6 辅助属性、规格与技术元数据 */
h4 {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #12304a !important;
}
h5 {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #2b3d4a !important;
}
h6 {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #556773 !important;
}

/* 详情页副标题与排版修饰 */
.detail-intro .detail-sub-name,
.detail-intro h2 {
  font-size: 14.5px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 14px 0 !important;
}
.detail-intro > p:not(.eyebrow) {
  margin: 14px 0 !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}
.article-page > header {
  margin: 40px auto 26px !important;
  max-width: 880px !important;
  text-align: center !important;
}

/* === 文章详情页图片固定 600*400px 展现规范 === */
.article-page .article-cover-wrap {
  max-width: 600px !important;
  margin: 36px auto !important;
  text-align: center !important;
}
.article-page .article-cover,
.article-page .article-cover-wrap img,
.article-page .article-content img {
  width: 600px !important;
  max-width: 100% !important;
  height: 400px !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  display: block !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(18, 48, 74, 0.08) !important;
}
.article-page .article-cover-caption {
  margin-top: 10px !important;
  font-size: 13px !important;
  color: #64748b !important;
  text-align: center !important;
  font-weight: 500 !important;
}
@media (max-width: 640px) {
  .article-page .article-cover,
  .article-page .article-cover-wrap img,
  .article-page .article-content img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 600 / 400 !important;
  }
}

/* === 瑞勃塑胶产品中心·侧边栏分类布局 (Sidebar Category Layout) === */
.content-listing {
  display: grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: 32px !important;
  padding: 40px clamp(16px, 1.8vw, 32px) 100px !important;
  max-width: 1744px !important;
  margin: 0 auto;
  align-items: start !important;
}

/* 左侧分类侧边栏 */
.category-sidebar {
  position: sticky;
  top: 96px;
  align-self: start;
  background: #ffffff;
  border: 1px solid #dce5eb;
  border-top: 3px solid var(--blue);
  border-radius: 6px;
  padding: 20px 16px 22px;
  box-shadow: 0 3px 12px rgba(18, 48, 74, 0.03);
}
.category-sidebar-header {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf2f5;
}
.category-sidebar-eyebrow {
  font-size: 10px;
  font-weight: 700;
  color: var(--blue);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 3px;
}

/* 分类按钮列表（垂直菜单导航） */
.category-filter {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.category-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: #f8fafc;
  color: #2b3d4a;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  user-select: none;
  line-height: 1.3;
  text-align: left;
}
.category-pill .pill-name {
  flex: 1;
  margin-right: 8px;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.35 !important;
}
.category-pill small {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 10px;
  background: #e5edf2;
  color: #556773;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.category-pill:hover {
  background: #edf5f8;
  color: var(--navy);
  border-color: #c9dde5;
  transform: translateX(3px);
}
.category-pill:hover small {
  background: #d4e7ee;
  color: var(--navy);
}
.category-pill.active {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
  border-left: 3px solid var(--blue);
  box-shadow: 0 4px 12px rgba(18, 48, 74, 0.16);
  font-weight: 600;
  transform: translateX(3px);
}
.category-pill.active small {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

/* 右侧产品主列表区 */
.listing-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.listing-main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  padding: 11px 18px;
  background: #fbfdfe;
  border: 1px solid #e3eaee;
  border-radius: 6px;
}
.category-panel-status {
  font-size: 13px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-weight: 500;
}
.category-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
  display: inline-block;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25);
  animation: pulseDot 2s infinite ease-in-out;
}
@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(0.9); }
}

/* 产品网格与卡片 */
.content-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px 20px !important;
  display: grid !important;
}
.content-card {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e3eaee;
  border-radius: 6px;
  overflow: hidden;
  padding: 15px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(18, 48, 74, 0.02);
}
.content-card[hidden],
.content-card.is-hidden {
  display: none !important;
}
.content-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(18, 48, 74, 0.08);
  border-color: #cad8e0;
}
.content-card > div {
  background-color: var(--pale);
  border-top: 3px solid var(--cyan);
  background-image: linear-gradient(#12304a0a 1px, transparent 1px), linear-gradient(90deg, #12304a0a 1px, transparent 1px);
  background-size: 24px 24px;
  height: 220px !important;
  margin-bottom: 14px !important;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-card img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 16px !important;
  transition: transform 0.4s ease;
}
.content-card:hover img {
  transform: scale(1.05);
}
.content-card small {
  display: inline-block !important;
  align-self: flex-start !important;
  color: var(--navy) !important;
  background: #e6f5f7 !important;
  border-left: 2px solid var(--blue) !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border-radius: 2px !important;
  margin-bottom: 8px !important;
}
.content-card p {
  color: #63727d !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-height: 56px !important;
  flex-grow: 1;
}
.content-card > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 14px !important;
  padding-top: 10px !important;
  border-top: 1px solid #edf2f5 !important;
  border-bottom: none !important;
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.2s ease !important;
}
.content-card:hover > span {
  gap: 8px !important;
  color: var(--blue-dark) !important;
}
.category-empty {
  padding: 70px 24px;
  text-align: center;
  background: var(--paper);
  border: 1px dashed var(--line);
  border-radius: 6px;
  color: var(--muted);
  font-size: 14px;
  margin-top: 20px;
}

/* 分页条组件 */
.content-pagination {
  margin-top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 24px 0 10px;
  border-top: 1px solid #e2e8f0;
  width: 100%;
}
.content-pagination .page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}
.content-pagination .page-btn:hover:not(.disabled):not(.active) {
  border-color: #0b6c76;
  color: #0b6c76;
  background: #f0fdfa;
}
.content-pagination .page-btn.active {
  background: #0b6c76 !important;
  border-color: #0b6c76 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(11, 108, 118, 0.25);
}
.content-pagination .page-btn.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
  background: #f1f5f9;
}
.content-pagination .page-info {
  font-size: 13px;
  color: #64748b;
  margin-left: 12px;
}

/* 产品详情图集 Gallery */
.detail-gallery-section {
  margin-top: 45px;
  padding-top: 36px;
  border-top: 1px solid #e2e8f0;
}
.detail-section-header {
  margin-bottom: 20px;
}
.detail-section-header .section-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #0b6c76;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.detail-section-header p {
  font-size: 14px;
  color: #64748b;
  margin: 0;
}
.detail-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 16px;
}
.gallery-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.gallery-card:hover {
  transform: translateY(-4px);
  border-color: #0b6c76;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.gallery-card-img-wrap {
  width: 100%;
  height: 210px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  overflow: hidden;
}
.gallery-card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.gallery-card:hover .gallery-card-img-wrap img {
  transform: scale(1.06);
}
.gallery-card-caption {
  padding: 10px 14px;
  background: #f8fafc;
  border-top: 1px solid #edf2f7;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.gallery-card-caption span {
  font-size: 12px;
  font-weight: 600;
  color: #334155;
  line-height: 1.45;
  word-break: break-word;
  flex: 1 1 auto;
}
.gallery-card-caption small {
  font-size: 11px;
  color: #0b6c76;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 2px;
}

/* 主图舞台与名称说明条 */
.detail-media {
  height: auto !important;
  min-height: 540px;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
}
.detail-media-stage {
  flex: 1 1 auto;
  min-height: 360px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 36px;
  box-sizing: border-box;
}
.detail-media-stage img,
#productMainDisplay {
  max-width: 100% !important;
  max-height: 380px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  display: block !important;
}
.detail-media-caption {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 18px;
  font-size: 13px;
  line-height: 1.5;
  color: #475569;
  text-align: center;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  font-weight: 500;
  word-break: break-word;
}

/* 主图缩略切换栏 */
.detail-media-thumbs {
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 10px 20px 14px;
  background: #f8fafc;
  border-top: 1px solid #edf2f7;
  overflow-x: auto;
  box-sizing: border-box;
}
.media-thumb {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  padding: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-thumb:hover, .media-thumb.active {
  border-color: #0b6c76;
  box-shadow: 0 2px 8px rgba(11, 108, 118, 0.2);
}
.media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 响应式适配 */
@media (max-width: 1200px) {
  .content-listing {
    grid-template-columns: 320px 1fr !important;
    gap: 24px !important;
  }
}
@media (max-width: 1024px) {
  .content-listing {
    grid-template-columns: 290px 1fr !important;
    gap: 20px !important;
  }
  .content-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .hero h1,
  .landing-hero h1,
  .english-site .hero h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .content-hero h1 {
    font-size: 26px !important;
  }
  h2,
  .section-head h2,
  .process-title h2,
  .quality-card h2 {
    font-size: 22px !important;
  }
  .content-listing {
    grid-template-columns: 1fr !important;
    padding: 28px 16px 60px !important;
    gap: 18px !important;
  }
  .category-sidebar {
    position: static !important;
    padding: 14px 14px 12px !important;
    border-top-width: 2px !important;
  }
  .category-sidebar-header {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
  }
  .category-sidebar-eyebrow {
    margin-bottom: 0 !important;
  }
  .category-filter {
    flex-direction: row !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin: 0 -4px !important;
    padding: 2px 4px 6px !important;
  }
  .category-filter::-webkit-scrollbar {
    display: none !important;
  }
  .category-pill {
    width: auto !important;
    flex-shrink: 0 !important;
    padding: 7px 12px !important;
    transform: none !important;
    border-left: 1px solid transparent !important;
  }
  .category-pill.active {
    transform: none !important;
    border-left: 1px solid var(--navy) !important;
  }
  .category-pill .pill-name {
    white-space: nowrap !important;
  }
  .listing-main-header {
    padding: 10px 14px !important;
    margin-bottom: 16px !important;
  }
  .category-panel-status {
    font-size: 12px !important;
  }
  .content-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}


/* ==========================================================================
   6. 首页关于瑞勃 (About) 工厂与车间实景展示区规范
   ========================================================================== */
.about-factory-showcase {
  margin-top: 48px;
  margin-bottom: 24px;
  width: 100%;
}

.about-factory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

@media (max-width: 960px) {
  .about-factory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 640px) {
  .about-factory-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.about-factory-card {
  position: relative;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #0f1c24;
  border: 1px solid #dce4ea;
  box-shadow: 0 4px 16px rgba(18, 48, 74, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.about-factory-card:hover {
  transform: translateY(-3px);
  border-color: #00afc1;
  box-shadow: 0 10px 28px rgba(0, 175, 193, 0.18);
}

.about-factory-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.about-factory-card:hover img {
  transform: scale(1.025);
}

.about-factory-showcase.single .about-factory-card img {
  aspect-ratio: 21 / 9;
  max-height: 480px;
}

@media (max-width: 768px) {
  .about-factory-showcase.single .about-factory-card img {
    aspect-ratio: 16 / 9;
  }
}

.about-factory-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 16px 12px;
  background: linear-gradient(180deg, rgba(12, 28, 40, 0) 0%, rgba(12, 28, 40, 0.85) 60%, rgba(12, 28, 40, 0.95) 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 2px;
  pointer-events: none;
}

.about-factory-badge .badge-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00afc1;
  box-shadow: 0 0 8px #00afc1;
  position: absolute;
  top: 28px;
  left: 16px;
}

.about-factory-badge strong {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding-left: 14px;
  color: #ffffff;
}

.about-factory-badge small {
  font-size: 11px;
  color: #d1dbe1;
  padding-left: 14px;
  line-height: 1.4;
}

#about .about-factory-showcase + .values {
  margin-top: 48px !important;
}

/* ==========================================================================
   瑞勃塑胶 CMS 内容管理系统 (产品与新闻) 尊享版样式
   ========================================================================== */
.cms-layout {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 1024px) {
  .cms-layout {
    grid-template-columns: 1fr;
  }
}

/* 左侧列表栏 */
.cms-list {
  background: #ffffff;
  border: 1px solid #dce4ea;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(18, 48, 74, 0.04);
  padding: 16px;
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 120px);
}
@media (max-width: 1024px) {
  .cms-list {
    position: static;
    max-height: 480px;
  }
}

/* 顶部选项卡 */
.cms-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 8px;
  margin-bottom: 14px;
}
.cms-tabs button {
  border: none;
  background: transparent;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.cms-tabs button:hover {
  color: #0f172a;
}
.cms-tabs button.active {
  background: #11212d;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.cms-tabs button span {
  background: #e2e8f0;
  color: #475569;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: 600;
}
.cms-tabs button.active span {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* 列表头部 */
.cms-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}
.cms-list-head-copy strong {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  display: block;
}
.cms-list-head-copy small {
  font-size: 11px;
  color: #94a3b8;
  display: block;
  margin-top: 2px;
}
.cms-new-btn {
  background: #00afc1;
  color: #ffffff;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 175, 193, 0.25);
}
.cms-new-btn:hover {
  background: #0098a8;
}

/* 列表项集合 */
.cms-list-items {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: calc(100vh - 240px);
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.cms-list-items::-webkit-scrollbar {
  width: 5px;
}
.cms-list-items::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 4px;
}

/* 兼容 .cms-list > button 与 .cms-list-item */
.cms-list-item,
.cms-list > button {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 12px !important;
  border-radius: 8px;
  border: 1px solid transparent !important;
  background: #ffffff !important;
  cursor: pointer;
  transition: all 0.18s ease;
  text-align: left;
  width: 100% !important;
  box-sizing: border-box;
}
.cms-list-item:hover,
.cms-list > button:hover {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
.cms-list-item.active,
.cms-list > button.active,
.cms-list > button.selected {
  background: #f0fdfa !important;
  border-color: #99f6e4 !important;
  border-left: 3px solid #00afc1 !important;
  box-shadow: 0 1px 4px rgba(0, 175, 193, 0.12);
}

.cms-item-thumb {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cms-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cms-item-thumb span {
  font-size: 18px;
}

.cms-item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cms-item-title {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cms-list-item.active .cms-item-title,
.cms-list > button.active strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}
.cms-item-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 11px;
}
.cms-status {
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
}
.cms-status.published {
  background: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
}
.cms-status.draft {
  background: #fffbeb;
  color: #d97706;
  border: 1px solid #fde68a;
}
.cms-item-cat {
  background: #f1f5f9;
  color: #64748b;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
}
.cms-item-date {
  color: #94a3b8;
  font-size: 10px;
  margin-left: auto;
}
.cms-empty {
  color: #94a3b8;
  padding: 40px 16px;
  text-align: center;
  font-size: 12px;
}

/* 右侧主编辑器 */
.cms-editor {
  background: #ffffff;
  border: 1px solid #dce4ea;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(18, 48, 74, 0.04);
  overflow: hidden;
}
.cms-editor-head {
  background: #11212d;
  color: #ffffff;
  padding: 20px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cms-editor-title-wrap {
  flex: 1;
  min-width: 0;
}
.cms-editor-badges {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.cms-editor-badges small {
  color: #71c8ff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cms-head-status {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}
.cms-head-status.published {
  background: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.35);
}
.cms-head-status.draft {
  background: rgba(245, 158, 11, 0.2);
  color: #fde68a;
  border: 1px solid rgba(245, 158, 11, 0.35);
}
.cms-editor-head h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cms-editor-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.cms-notice {
  background: rgba(0, 175, 193, 0.2);
  color: #5eead4;
  border: 1px solid rgba(0, 175, 193, 0.4);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.cms-head-delete {
  background: rgba(220, 38, 38, 0.15);
  color: #fca5a5;
  border: 1px solid rgba(220, 38, 38, 0.35);
  padding: 7px 14px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cms-head-delete:hover {
  background: rgba(220, 38, 38, 0.3);
  color: #ffffff;
}
.cms-head-save {
  background: #00afc1;
  color: #ffffff;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 175, 193, 0.3);
  transition: background 0.2s;
}
.cms-head-save:hover {
  background: #0098a8;
}

/* 表单字段主体 */
.cms-fields {
  padding: 26px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cms-section-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}
.cms-section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
}
.cms-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
.cms-section-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00afc1;
  display: inline-block;
}
.cms-section-head small {
  font-size: 12px;
  color: #64748b;
}

.cms-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .cms-two {
    grid-template-columns: 1fr;
  }
}

.cms-fields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}
.cms-fields input,
.cms-fields textarea,
.cms-fields select {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 9px 12px;
  font-size: 13px;
  color: #0f172a;
  background: #ffffff;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  font-family: inherit;
}
.cms-fields input:focus,
.cms-fields textarea:focus,
.cms-fields select:focus {
  border-color: #00afc1;
  box-shadow: 0 0 0 3px rgba(0, 175, 193, 0.15);
}
.cms-fields label small {
  font-size: 11px;
  color: #64748b;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 2px;
}

/* 主图上传卡片 */
.cms-upload-block {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cms-main-upload-grid {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 20px;
  align-items: center;
}
@media (max-width: 640px) {
  .cms-main-upload-grid {
    grid-template-columns: 1fr;
  }
}
.cms-main-preview {
  width: 170px;
  height: 118px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cms-main-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cms-main-preview span {
  color: #94a3b8;
  font-size: 12px;
}
.cms-img-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(220, 38, 38, 0.9);
  color: #ffffff;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.2s;
}
.cms-img-remove:hover {
  background: #dc2626;
}
.cms-main-upload-controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cms-upload-btn-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cms-upload-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #00afc1;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 175, 193, 0.25);
  transition: background 0.2s;
}
.cms-upload-trigger:hover {
  background: #0098a8;
}
.cms-upload-btn-row small {
  color: #64748b;
  font-size: 12px;
}
.cms-alt-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cms-alt-field label {
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}
.cms-alt-field input {
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 13px;
  background: #ffffff;
}

/* 详情图集卡片 */
.cms-detail-images-block {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cms-detail-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}
.cms-count-badge {
  background: #0284c7;
  color: #ffffff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 600;
  margin-left: 8px;
}
.cms-detail-sub {
  color: #64748b;
  display: block;
  margin-top: 4px;
  font-size: 12px;
}
.cms-detail-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.cms-clear-btn {
  background: #ffffff;
  color: #dc2626;
  border: 1px solid #fecaca;
  padding: 7px 12px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.cms-clear-btn:hover {
  background: #fef2f2;
}
.cms-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
  padding: 4px 0;
}
.cms-detail-card {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
}
.cms-detail-card-media {
  position: relative;
  width: 100%;
  height: 105px;
  background: #f1f5f9;
}
.cms-detail-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cms-detail-index {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(18, 48, 74, 0.85);
  color: #ffffff;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 600;
  border-bottom-right-radius: 6px;
}
.cms-detail-card-body {
  padding: 8px 10px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
}
.cms-detail-card-body label {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
}
.cms-detail-card-body input {
  width: 100%;
  padding: 5px 8px;
  font-size: 12px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
}
.cms-detail-empty {
  border: 2px dashed #cbd5e1;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  color: #64748b;
  background: #ffffff;
}
.cms-detail-empty p {
  margin: 0 0 4px 0;
  font-weight: 600;
  font-size: 13px;
  color: #334155;
}
.cms-detail-empty span {
  font-size: 12px;
}

/* SEO / GEO 模块 */
.cms-seo {
  background: #f0fdfa;
  border: 1px solid #99f6e4;
  border-left: 4px solid #00afc1;
  border-radius: 10px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cms-seo-head small {
  color: #00afc1;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.cms-seo-head h3 {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  margin: 4px 0 0 0;
}

/* 底部粘性操作栏 */
.cms-actions {
  position: sticky;
  bottom: 0;
  z-index: 30;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-top: 1px solid #e2e8f0;
  padding: 16px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.03);
}
@media (max-width: 640px) {
  .cms-actions {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
}
.cms-actions-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cms-actions .button.submit {
  background: #00afc1;
  color: #ffffff;
  border: none;
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 175, 193, 0.25);
  transition: background 0.2s;
}
.cms-actions .button.submit:hover {
  background: #0098a8;
}
.cms-draft {
  background: #ffffff;
  color: #475569;
  border: 1px solid #cbd5e1;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cms-draft:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}
.cms-delete {
  background: #ffffff;
  color: #dc2626;
  border: 1px solid #fecaca;
  padding: 9px 16px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cms-delete:hover {
  background: #fef2f2;
}
.cms-action-feedback {
  font-size: 12px;
  color: #059669;
  font-weight: 600;
}

/* 瑞勃塑胶 CMS 数据表格与明亮保存按钮升级 (2026-10-12) */

/* ==========================================================================
   瑞勃塑胶 CMS 数据表格与明亮保存按钮升级 (2026-10-12)
   ========================================================================== */
.cms-layout { display: grid !important; grid-template-columns: 440px minmax(0, 1fr) !important; gap: 24px !important; align-items: start !important; }
@media (max-width: 1200px) { .cms-layout { grid-template-columns: 390px minmax(0, 1fr) !important; } }
@media (max-width: 1024px) { .cms-layout { grid-template-columns: 1fr !important; } }

.cms-list { background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 10px !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important; padding: 16px !important; position: sticky !important; top: 96px !important; display: flex !important; flex-direction: column !important; max-height: calc(100vh - 116px) !important; }
.cms-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; background: #f1f5f9 !important; padding: 4px !important; border-radius: 8px !important; margin-bottom: 14px !important; border: 1px solid #cbd5e1 !important; }
.cms-tabs button { border: none !important; background: transparent !important; padding: 8px 10px !important; font-size: 13px !important; font-weight: 700 !important; color: #475569 !important; border-radius: 6px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
.cms-tabs button.active { background: #0284c7 !important; color: #ffffff !important; box-shadow: 0 1px 3px rgba(2, 132, 199, 0.3) !important; }
.cms-tabs button span { background: #e2e8f0 !important; color: #334155 !important; font-size: 11px !important; padding: 1px 6px !important; border-radius: 10px !important; font-weight: 700 !important; }
.cms-tabs button.active span { background: rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; }

.cms-list-head { display: flex !important; justify-content: space-between !important; align-items: center !important; padding-bottom: 12px !important; margin-bottom: 12px !important; border-bottom: 1px solid #e2e8f0 !important; }
.cms-list-head-copy strong { font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; display: block !important; }
.cms-list-head-copy small { font-size: 12px !important; color: #64748b !important; display: block !important; margin-top: 2px !important; }
.cms-new-btn { background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important; color: #ffffff !important; border: 1px solid #0369a1 !important; padding: 7px 16px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: 0 2px 4px rgba(2, 132, 199, 0.25) !important; }
.cms-new-btn:hover { background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important; }

.cms-table-wrapper { border: 1px solid #94a3b8 !important; border-radius: 6px !important; overflow-y: auto !important; overflow-x: hidden !important; flex: 1 !important; max-height: calc(100vh - 245px) !important; background: #ffffff !important; }
.cms-table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; font-size: 12px !important; }
.cms-table thead { position: sticky !important; top: 0 !important; z-index: 5 !important; }
.cms-table thead tr { background: #f1f5f9 !important; border-bottom: 2px solid #94a3b8 !important; }
.cms-table th { padding: 10px 8px !important; font-size: 12px !important; font-weight: 700 !important; color: #1e293b !important; text-align: left !important; border-right: 1px solid #cbd5e1 !important; }
.cms-table th:last-child { border-right: none !important; }
.cms-table th.cms-th-thumb { width: 58px !important; text-align: center !important; }
.cms-table th.cms-th-name { width: auto !important; }
.cms-table th.cms-th-cat { width: 82px !important; text-align: center !important; }
.cms-table th.cms-th-status { width: 68px !important; text-align: center !important; }

.cms-table tbody tr.cms-table-row { display: table-row !important; border-bottom: 1px solid #cbd5e1 !important; background: #ffffff !important; cursor: pointer !important; transition: background 0.15s ease !important; padding: 0 !important; border-radius: 0 !important; }
.cms-table tbody tr.cms-table-row:last-child { border-bottom: none !important; }
.cms-table tbody tr.cms-table-row:hover { background: #f8fafc !important; }
.cms-table tbody tr.cms-table-row.active { background: #e0f2fe !important; border-left: none !important; }
.cms-table td { display: table-cell !important; padding: 10px 8px !important; vertical-align: middle !important; border-right: 1px solid #cbd5e1 !important; color: #334155 !important; }
.cms-table td:last-child { border-right: none !important; }
.cms-table td.cms-td-thumb { text-align: center !important; padding: 8px 6px !important; }
.cms-table tbody tr.cms-table-row.active td.cms-td-thumb { box-shadow: inset 4px 0 0 #0284c7 !important; }
.cms-table td.cms-td-cat, .cms-table td.cms-td-status { text-align: center !important; }

.cms-item-thumb { width: 42px !important; height: 42px !important; margin: 0 auto !important; border-radius: 5px !important; overflow: hidden !important; background: #f8fafc !important; border: 1px solid #cbd5e1 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.cms-item-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.cms-item-title { font-size: 13px !important; font-weight: 600 !important; color: #0f172a !important; line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin-bottom: 3px !important; }
.cms-table tbody tr.cms-table-row.active .cms-item-title { color: #0369a1 !important; font-weight: 700 !important; }
.cms-item-date { display: block !important; color: #64748b !important; font-size: 11px !important; margin-left: 0 !important; }
.cms-item-cat { background: #f1f5f9 !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; padding: 2px 6px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 600 !important; display: inline-block !important; line-height: 1.3 !important; }
.cms-status { padding: 3px 7px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.3 !important; display: inline-block !important; }
.cms-status.published { background: #dcfce7 !important; color: #15803d !important; border: 1px solid #86efac !important; }
.cms-status.draft { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fcd34d !important; }

.cms-editor { background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 10px !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; }
.cms-editor-head { background: #f8fafc !important; color: #0f172a !important; padding: 18px 28px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; border-bottom: 2px solid #cbd5e1 !important; }
.cms-editor-badges small { color: #0284c7 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; }
.cms-head-status { padding: 2px 8px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; }
.cms-head-status.published { background: #dcfce7 !important; color: #15803d !important; border: 1px solid #86efac !important; }
.cms-head-status.draft { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fcd34d !important; }
.cms-editor-head h2 { color: #0f172a !important; font-size: 20px !important; font-weight: 800 !important; margin: 0 !important; line-height: 1.35 !important; }
.cms-notice { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #7dd3fc !important; padding: 6px 12px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important; }
.cms-head-delete { background: #fff1f2 !important; color: #e11d48 !important; border: 1px solid #fda4af !important; padding: 9px 16px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; }
.cms-head-delete:hover { background: #ffe4e6 !important; }

.cms-head-save, .cms-actions .button.submit { background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important; color: #ffffff !important; border: 1px solid #0369a1 !important; padding: 10px 24px !important; min-height: 40px !important; border-radius: 6px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: 0 3px 8px rgba(2, 132, 199, 0.35) !important; transition: all 0.2s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 120px !important; }
.cms-head-save:hover, .cms-actions .button.submit:hover { background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important; box-shadow: 0 4px 12px rgba(2, 132, 199, 0.5) !important; transform: translateY(-1px) !important; }
.cms-draft { background: #ffffff !important; color: #1e293b !important; border: 1px solid #94a3b8 !important; padding: 10px 20px !important; min-height: 40px !important; border-radius: 6px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; }
.cms-draft:hover { background: #f1f5f9 !important; }