function () { /* ============================================ 外贸通自定义代码 · TECHFLOW CPR 系列产品页模块前缀: .tf-cobot ============================================ */ /* ============ 资源 ID(用于幂等注入与清理)============ */ var STYLE_ID = 'tf-cobot-style'; /* ============ 跳转配置（集中管理外部链接，绑定域名后只改这里）============ */ var LINKS = { // 联系/询盘页（CTA 的 Quote / Demo / Talk to Engineering 都用这个） // 绑定正式域名后，把这里换成新的 URL 即可 contact: 'https://www.globalfactorylink.com/lp-machinery-digital-home/support.html' }; /* ============ HTML 模板 ============ */ var HTML_TEMPLATE = [ '

', '', '

', '

CPR Series · In Production

', '

Multi-functional Intelligent Series

', '

Collaborative
palletizing robots.

', '

A soft-type collaborative palletizing robot designed to share the floor with your operators — handling cartons, bags and shrink packs across food, pharma, 3C, chemicals, printing and wood-furniture lines.

', '

', 'Explore the Series →', 'Talk to Engineering', '

', '

', 'Model · Featured', 'CPR-30', '

', '

TFB-CPR30 collaborative palletizing robot product rendering

', '

', 'Working radius', 'R 1800 mm', '

', '

3Models

', '

CPR-25 / 30 / 50

', '

50kg

', '

Max payload

', '

10/min

', '

Cycle speed

', '

2200mm

', '

Stack height

', '

', 'SCROLL · END-OF-LINE PALLETIZING', '

', '', '

', '

', '00', 'Opportunity', '', '

', '

', ' Manual palletizing
', ' is a bottleneck.', '

', '

The end of every packaging line is where labor cost, fatigue and human error compound — and where most automation projects stall, because traditional industrial palletizers demand floor space, fencing and dedicated programmers.

', '

The CPR series is built around the opposite premise: a soft-type cobot arm that fits into existing footprints, is taught by visual programming in under an hour, and safely shares the floor with the people already on it.

', '

Three models, one platform. From light cartons to 50 kg shrink packs.

', '

', '', '

', '

', '01', 'The Series', '', '

', '

Three models. One platform.

', '

Pick the payload tier that matches your line. All three share the same control system, HMI, gripper interface and safety architecture — only the arm and cycle rate differ.

', '

CPR-25

', '

Light · High-cycle

', '

Max payload25kg

', '

Cycle speed10/min

', '

Working radius1800mm

', '

Stack height2200mm

', '

Best forCartons, light bags

', '

', 'From$7,000', '→', '

', '

CPR-30

', '

Standard · Versatile

', '

Max payload30kg

', '

Cycle speed10/min

', '

Working radius1800mm

', '

Stack height2200mm

', '

Best forMixed cartons & bags

', '

', 'From$10,000', '→', '

', '

CPR-50

', '

Heavy · Industrial

', '

Max payload50kg

', '

Cycle speed6/min

', '

Working radius1800mm

', '

Stack height2200mm

', '

Best forShrink packs, heavy bags

', '

', 'From$18,000', '→', '

', '

↳ Indicative pricing. Final quote depends on gripper, conveyor and integration scope.

', '

', '', '

', '

', '02', 'Where it works', '', '

', '

Six industries.
One platform.

', '

From food cartons to chemical drums — the same cobot architecture deploys across radically different products, with only the gripper and pattern recipe changing.

', '

', '01 · Food Processing', ' Food and beverage palletizing with collaborative robot

', '

Food Processing

', '

Handles packaged food and beverage products with stable stacking and end-of-line palletizing.

', '

', '02 · Pharmaceuticals', ' Pharmaceutical carton palletizing and packaging line

', '

Pharmaceuticals

', '

Supports accurate handling of sensitive cartons and packaged pharmaceutical products.

', '

', '03 · Consumer Electronics', ' Consumer electronics boxed goods palletizing

', '

Consumer Electronics (3C)

', '

Organizes boxed electronics, components and finished goods with soft-touch handling.

', '

', '04 · Daily Chemicals', ' Daily chemical bucket palletizing

', '

Daily Chemicals

', '

Palletizes buckets, containers and chemical packaged goods with controlled gripping.

', '

', '05 · Printing Industry', ' Printing and packaged case palletizing

', '

Printing Industry

', '

Stacks printed materials and packaged cases to improve line-end productivity.

', '

', '06 · Wood Furniture', ' Wood furniture board and carton palletizing

', '

Wood Furniture

', '

Works for board handling, semi-finished board stacking and finished-carton palletizing.

', '

', '', '

', '

', '03', 'Anatomy', '', '

', '

Engineered, part by part.

', '

Every CPR cobot is assembled from six core systems — a heavy-load collaborative arm, a soft-touch end effector, a portable mobile frame, a card-positioning system, a 12.1″ HMI and an integrated control cabinet.

', '

', '

', 'A1', '

', '

Collaborative Arm

', '

International first-class heavy-load cooperative robot — soft, efficient, cost-effective.

', '

', 'KEBA / CN', '

', '

', 'A2', '

', '

End Effector

', '

Lightweight modular design — large suction area, anti-dropping, pattern-aware product handling.

', '

', 'AirTAC', '

', '

', 'A3', '

', '

Mobile Frame

', '

Portable mobile base for convenient deployment and 70-tonne lifting column stability.

', '

', 'Carbon Steel', '

', '

', 'A4', '

', '

Card Positioning System

', '

Mechanical card-positioning — simple, practical, no calibration drift.

', '

', 'In-house', '

', '

', 'A5', '

', '

Operating System

', '

12.1″ high-sensitivity capacitive touch screen / 7″ integrated computer running WSC palletizing OS V1.0.

', '

', 'Inovance', '

', '

', 'A6', '

', '

Control Cabinet

', '

In-house design — low energy consumption, high configurability, integrated electrical control.

', '

', 'Schneider', '

', '

', '', '

', '

', '04', 'Workflow', '', '

', '

From conveyor to pallet, in five steps.

', '

A photoelectric-triggered, pattern-driven flow that runs unattended once a recipe is set on the HMI.

Working flow chart and layout drawing for collaborative palletizing robot

', '

STEP / 01

', '

Outfeed

', '

Products exit the upstream machine — cartoner, sealer or shrink wrapper.

', '

STEP / 02

', '

Roller Infeed

', '

The roller conveyor delivers products into the cobot\'s reach.

', '

STEP / 03

', '

Photoelectric Inspection

', '

Each unit is detected and verified before pickup — no missed beats, no double picks.

', '

STEP / 04

', '

Pick & Stack

', '

The cobot picks 1–4 products and places them per the active palletizing recipe.

', '

STEP / 05

', '

Pallet Removal

', '

Full pallets exit on a conveyor or are picked up by forklift.

', '

', '', '

', '

', '05', 'Why a cobot', '', '

', '

It\'s not about replacing a robot.
It\'s about replacing the fence.

', '

Traditional industrial palletizers solved the speed problem — but only by demanding fenced cells, expensive programmers and dedicated factory real estate. The CPR removes those constraints.

', '

', '01', '

Master programming in half an hour.

', '

Visual, drag-and-drop pattern programming on a 12.1″ touch screen. No robotics language required — operators teach by example, recipes save to disk, and changeover for a new SKU takes about 10 minutes.

', '

↳ 30 min to master / 10 min changeover

', '

', '02', '

Share the floor with your people.

', '

Soft-type collaborative arm, IP54 rated, with safety light grids, sensing carpets and emergency-stop integrated through I/O. In many deployments, no fencing is required.

', '

↳ Optional safety grids · CE / EU compliant · Reserved external safety I/O

', '

', '03', '

Scale from one cobot to a swarm.

', '

Run human-machine collaboration, dual-cobot setups palletizing both sides of a single line, or multi-machine cells handling two production lines at once. The control system scales with you.

', '

↳ Single · dual-side · multi-machine modes

', '

', '04', '

Plug into your existing line.

', '

TCP/IP, Modbus-TCP, EtherCAT, CAN and RS232/485 supported out of the box. The portable mobile frame fits into existing factory footprints — no foundation work, no cell rebuild.

', '

↳ 5 communication protocols · 0–55 °C operating range

', '

', '', '

', '

', '06', 'Global Deployment', '', '

', '

Field showcases across four markets.

', '

Showcase markets

', '

Single / dual-side modes

', '

CPR payload tiers

', '

', 'EU · RS', ' Serbia deployment of collaborative palletizing robot

', 'Serbia', '

', '

', 'APAC · VN', ' Vietnam deployment of collaborative palletizing robot

', 'Vietnam', '

', '

', 'EMEA · TR', ' Turkey deployment of collaborative palletizing robot

', 'Turkey', '

', '

', 'NA · US', ' USA deployment of collaborative palletizing robot

', 'USA', '

', '

', '', '

', '

', '07', 'Specifications', '', '

', '

Every number, side by side.

', '

Full technical comparison across the CPR-25, CPR-30 and CPR-50 — same architecture, different payload tiers.

', '

', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '

Parameter	CPR-25	CPR-30 Most popular	CPR-50
Max load	25kg	30kg	50kg
Cycle speed	10/min	10/min	6/min
Working radius	1800mm	1800mm	1800mm
Stack height (with pallet)	2200mm	2200mm	2200mm
Pallet size range	1000–1200 mm sq.	1000–1200 mm sq.	1000–1200 mm sq.
IP rating · arm	IP54	IP54	IP54
IP rating · gripper	IP32	IP32	IP32
Power supply	200–240V · 1Ph · 50/60Hz	200–240V · 1Ph · 50/60Hz	200–240V · 1Ph · 50/60Hz
Max power	4.2kW	4.2kW	4.2kW
Air pressure	0.6–0.8MPa	0.6–0.8MPa	0.6–0.8MPa
Air consumption	450NL/min	450NL/min	450NL/min
Communication	TCP/IP · Modbus · EtherCAT · CAN · RS232/485	TCP/IP · Modbus · EtherCAT · CAN · RS232/485	TCP/IP · Modbus · EtherCAT · CAN · RS232/485
Operating temperature	0–55°C	0–55°C	0–55°C

', '

— Core components

', '

Controller

KEBA / CN

', '

HMI

12.1″ Touch

', '

Servo

Made in CN

', '

Reducer

Made in CN

', '

Sensor

SICK

', '

Pneumatics

AirTAC

', '

Electrical

Schneider

', '

Safety

Optional light grids

', '

', '', '

', '

', '08', 'Get started', '', '

', '

Tell us about your line.

', '

Send us your product type, packaging format, current pallet pattern and floor layout. We\'ll come back with the right CPR model, gripper configuration and integration scope — usually within a working day.

', '

', 'Request a Quote →', 'Book a Demo Call', '

', '

' ].join('\n'); /* ============ CSS 模板 ============ */ var CSS_TEMPLATE = [ '.tf-cobot{', ' --ink: #0a0e14;', ' --ink-deep: #003366;', ' --ink-2: #1a1f29;', ' --ink-3: #4a5263;', ' --ink-4: #7a8294;', ' --ink-5: #b4bbc7;', ' --paper: #f7f5f0; ', ' --paper-2: #efece5;', ' --line: #d8d3c7;', ' --line-2: #ebe7dc;', ' --white: #ffffff;', ' --orange: #ff5a1f;', ' --orange-dk: #d94517;', ' --navy: #0d2d56;', ' --green: #2ea36b;', ' --yellow: #f5b800;', ' --r-sm: 6px;', ' --r: 10px;', ' --r-lg: 18px;', ' --max: 1320px;', ' --t-display: Arial,Helvetica,sans-serif;', ' --t-body: Arial,Helvetica,sans-serif;', ' --t-mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;', ' }', '.tf-cobot *, .tf-cobot *::before, .tf-cobot *::after{box-sizing:border-box}', '.tf-cobot{', ' margin:0;', ' font-family:var(--t-body);', ' font-size:16px;line-height:1.55;', ' color:var(--ink);', ' background:var(--paper);', ' -webkit-font-smoothing:antialiased;', ' text-rendering:optimizeLegibility;', ' }', '.tf-cobot img{max-width:100%;display:block}', '.tf-cobot a{color:inherit;text-decoration:none}', '.tf-cobot button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}', '.tf-cobot ::selection{background:var(--ink-deep);color:var(--paper)}', '.tf-cobot .wrap{max-width:var(--max);margin:0 auto;padding:0 40px}', '@media (max-width:768px){.tf-cobot .wrap{padding:0 20px}}', '.tf-cobot .display{', ' font-family:var(--t-display);', ' font-weight:600;', ' letter-spacing:-.02em;', ' line-height:1.1;', ' }', '.tf-cobot .h1{font-size:clamp(28px, 4.5vw, 40px)}', '.tf-cobot .h2{font-size:clamp(22px, 3vw, 32px)}', '.tf-cobot .h3{font-size:clamp(18px, 2.2vw, 24px)}', '.tf-cobot .mono{font-family:var(--t-mono);letter-spacing:0;font-variant-numeric:tabular-nums}', '.tf-cobot .micro{', ' font-family:var(--t-mono);', ' font-size:11.5px;', ' text-transform:uppercase;', ' letter-spacing:.18em;', ' color:var(--ink-3);', ' font-weight:600;', ' }', '.tf-cobot .section-idx{', ' display:flex;align-items:baseline;gap:14px;', ' font-family:var(--t-mono);font-size:12px;', ' letter-spacing:.14em;text-transform:uppercase;', ' color:var(--ink-3);font-weight:500;', ' margin-bottom:36px;', ' }', '.tf-cobot .section-idx .num{', ' font-size:13px;color:var(--orange);font-weight:600;', ' }', '.tf-cobot .section-idx .line{flex:1;height:1px;background:var(--line)}', '.tf-cobot .btn{', ' display:inline-flex;align-items:center;justify-content:center;gap:10px;', ' padding:0 18px;height:42px;border-radius:var(--r-sm);', ' font-weight:500;font-size:14px;letter-spacing:-.005em;', ' transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s;', ' white-space:nowrap;', ' }', '.tf-cobot .btn-pri{background:var(--ink-deep);color:var(--paper)}', '.tf-cobot .btn-pri:hover{background:var(--orange)}', '.tf-cobot .btn-line{background:transparent;color:var(--ink);border:1px solid var(--line)}', '.tf-cobot .btn-line:hover{border-color:var(--ink);background:var(--ink-deep);color:var(--paper)}', '.tf-cobot .btn-orange{background:var(--orange);color:#fff}', '.tf-cobot .btn-orange:hover{background:var(--orange-dk)}', '.tf-cobot .btn-ghost-d{background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.22)}', '.tf-cobot .btn-ghost-d:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}', '.tf-cobot .btn-sm{height:36px;padding:0 14px;font-size:13px}', '.tf-cobot .btn .arr{display:inline-block;transition:transform .25s}', '.tf-cobot .btn:hover .arr{transform:translateX(3px)}', '.tf-cobot .hero{', ' position:relative;', ' padding:64px 0 96px;', ' overflow:hidden;', ' }', '.tf-cobot .hero-grid{', ' display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;', ' }', '@media (max-width:980px){.tf-cobot .hero-grid{grid-template-columns:1fr;gap:32px}}', '.tf-cobot .hero-left .meta{', ' display:flex;align-items:center;gap:14px;margin-bottom:32px;', ' }', '.tf-cobot .meta-pill{', ' display:inline-flex;align-items:center;gap:8px;', ' padding:6px 12px;border:1px solid var(--ink);border-radius:999px;', ' font-family:var(--t-mono);font-size:11px;font-weight:500;', ' letter-spacing:.12em;text-transform:uppercase;', ' }', '.tf-cobot .meta-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(46,163,107,.18)}', '.tf-cobot .meta-side{font-family:var(--t-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}', '.tf-cobot .hero h1{', ' margin:0 0 28px;', ' color:var(--ink);', ' }', '.tf-cobot .hero h1 .it{', ' font-style:italic;font-weight:400;', ' color:var(--ink);', ' background:linear-gradient(0deg, var(--orange) 14%, transparent 14%, transparent 16%, var(--orange) 16%);', ' background-size:1px 1px;', ' }', '.tf-cobot .hero h1 .crk{', ' display:inline-block;', ' transform:rotate(-2deg);', ' color:var(--orange);', ' }', '.tf-cobot .hero p.kicker{', ' font-size:15px;line-height:1.55;color:var(--ink-2);', ' max-width:540px;margin:0 0 32px;', ' }', '.tf-cobot .hero-actions{display:flex;gap:12px;flex-wrap:wrap}', '.tf-cobot .hero-right{position:relative}', '.tf-cobot .hero-img{', ' position:relative;border-radius:var(--r-lg);overflow:hidden;', ' background:linear-gradient(180deg, #e6e2d6 0%, #d4cfc1 100%);', ' box-shadow:', ' 0 30px 80px -20px rgba(10,14,20,.35),', ' inset 0 0 0 1px rgba(255,255,255,.4);', ' aspect-ratio:1.2/1;', ' }', '.tf-cobot .hero-img img{width:100%;height:100%;object-fit:contain;padding:8%}', '.tf-cobot .hero-img::before{', ' content:"";position:absolute;left:14px;top:14px;width:18px;height:18px;', ' border-left:1.5px solid var(--ink);border-top:1.5px solid var(--ink);', ' }', '.tf-cobot .hero-img::after{', ' content:"";position:absolute;right:14px;bottom:14px;width:18px;height:18px;', ' border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);', ' }', '.tf-cobot .hero-tag{', ' position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:4px;', ' }', '.tf-cobot .hero-tag .l{font-family:var(--t-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}', '.tf-cobot .hero-tag .v{font-size:14px;font-weight:500;color:var(--ink)}', '.tf-cobot .hero-tag-r{', ' position:absolute;right:24px;top:24px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;', ' }', '.tf-cobot .hero-stats{', ' display:grid;grid-template-columns:repeat(4,1fr);gap:0;', ' margin-top:60px;padding-top:24px;border-top:1px solid var(--ink);', ' }', '@media (max-width:760px){.tf-cobot .hero-stats{grid-template-columns:repeat(2,1fr)}}', '.tf-cobot .hero-stats .s{padding:0 24px 0 0}', '.tf-cobot .hero-stats .s + .s{padding-left:24px;border-left:1px solid var(--line)}', '.tf-cobot .hero-stats .v{font-family:var(--t-display);font-size:42px;font-weight:500;letter-spacing:-.025em;color:var(--ink);line-height:1}', '.tf-cobot .hero-stats .v small{font-size:18px;color:var(--ink-4);font-weight:400;margin-left:2px;letter-spacing:0}', '.tf-cobot .hero-stats .l{font-family:var(--t-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}', '.tf-cobot .hero-vert{', ' position:absolute;right:-8px;top:120px;', ' writing-mode:vertical-rl;transform:rotate(180deg);', ' font-family:var(--t-mono);font-size:11px;letter-spacing:.4em;', ' color:var(--ink-4);text-transform:uppercase;', ' display:none;', ' }', '@media (min-width:1200px){.tf-cobot .hero-vert{display:block}}', '.tf-cobot .opp{padding:96px 0;border-top:1px solid var(--line)}', '.tf-cobot .opp-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}', '@media (max-width:980px){.tf-cobot .opp-grid{grid-template-columns:1fr;gap:32px}}', '.tf-cobot .opp h2{margin:0;color:var(--ink)}', '.tf-cobot .opp h2 .em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .opp-text p{', ' font-size:18px;line-height:1.65;color:var(--ink-2);margin:0 0 18px;', ' }', '.tf-cobot .opp-text p:first-child{font-size:22px;line-height:1.5;color:var(--ink);font-weight:500}', '.tf-cobot .opp-text p:first-child::first-letter{', ' font-family:var(--t-display);font-size:40px;font-weight:600;', ' float:left;line-height:.85;padding:6px 12px 0 0;color:var(--orange);', ' }', '.tf-cobot .models{padding:96px 0;background:var(--ink-deep);color:var(--paper)}', '.tf-cobot .models .section-idx{color:var(--ink-5)}', '.tf-cobot .models .section-idx .line{background:rgba(255,255,255,.15)}', '.tf-cobot .models h2{margin:0 0 12px;color:var(--paper) !important;}', /* 深色 section（.models / .process / .cta）内标题强制白色，防止外贸通注入的全局 h1-h3 颜色覆盖继承 */ '.tf-cobot .models h1,.tf-cobot .models h2,.tf-cobot .models h3,.tf-cobot .models h4,.tf-cobot .models .display,.tf-cobot .process h1,.tf-cobot .process h2,.tf-cobot .process h3,.tf-cobot .process h4,.tf-cobot .process .display,.tf-cobot .cta h1,.tf-cobot .cta h2,.tf-cobot .cta h3,.tf-cobot .cta h4,.tf-cobot .cta .display{color:var(--paper) !important;}', /* 行业卡片底部标签强制白色（卡片有深色渐变蒙层） */ '.tf-cobot .ind h3{color:var(--paper) !important;}', /* 浅色 section 标题用品牌蓝 #003366（盖过外贸通注入的全局 h1-h3 颜色） */ '.tf-cobot h1,.tf-cobot h2,.tf-cobot h3,.tf-cobot h4,.tf-cobot .display{color:var(--ink-deep) !important;}', /* 橙色高亮 em / .em / .crk 在标题内保持橙色，盖过上面蓝色规则 */ '.tf-cobot em,.tf-cobot .em,.tf-cobot .crk{color:var(--orange) !important;}', '.tf-cobot .models .lead{', ' font-size:18px;color:var(--ink-5);max-width:620px;margin:0 0 56px;line-height:1.55;', ' }', '.tf-cobot .model-row{', ' display:grid;grid-template-columns:repeat(3,1fr);gap:1px;', ' background:rgba(255,255,255,.1);', ' border:1px solid rgba(255,255,255,.1);', ' border-radius:var(--r-lg);overflow:hidden;', ' }', '@media (max-width:880px){.tf-cobot .model-row{grid-template-columns:1fr}}', '.tf-cobot .model{', ' background:var(--ink-2);padding:0;', ' display:flex;flex-direction:column;', ' transition:background .25s;', ' position:relative;', ' overflow:hidden;', ' }', '.tf-cobot .model:hover{background:#252a36}', '.tf-cobot .model-img{', ' position:relative;width:100%;aspect-ratio:4/3;', ' overflow:hidden;background:#0c1018;', ' }', '.tf-cobot .model-img img{', ' width:100%;height:100%;object-fit:cover;', ' transition:transform .6s ease;', ' filter:saturate(1.05) contrast(1.02);', ' }', '.tf-cobot .model:hover .model-img img{transform:scale(1.04)}', '.tf-cobot .model-img::after{', ' content:"";position:absolute;left:0;right:0;bottom:0;height:60%;', ' background:linear-gradient(180deg, transparent 0%, rgba(26,31,41,.0) 50%, rgba(26,31,41,.85) 100%);', ' pointer-events:none;', ' }', '.tf-cobot .model-body{padding:28px 32px 32px;display:flex;flex-direction:column;flex:1}', '.tf-cobot .model.featured .model-img::before{', ' content:"Most Popular";', ' position:absolute;top:14px;right:14px;z-index:2;', ' background:var(--orange);color:#fff;', ' padding:4px 10px;border-radius:999px;', ' font-family:var(--t-mono);font-size:10px;font-weight:500;', ' letter-spacing:.14em;text-transform:uppercase;', ' }', '.tf-cobot .model.featured::before{display:none}', '.tf-cobot .model-name{', ' font-family:var(--t-display);font-size:40px;font-weight:600;', ' letter-spacing:-.03em;line-height:1;color:var(--paper);', ' margin-bottom:6px;', ' }', '.tf-cobot .model-tag{', ' font-family:var(--t-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;', ' color:var(--ink-5);', ' }', '.tf-cobot .model-divider{', ' height:1px;background:rgba(255,255,255,.12);margin:28px 0;', ' }', '.tf-cobot .model-spec{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08)}', '.tf-cobot .model-spec:last-child{border-bottom:0}', '.tf-cobot .model-spec .k{font-size:13px;color:var(--ink-5)}', '.tf-cobot .model-spec .v{font-family:var(--t-mono);font-size:14px;color:var(--paper);font-weight:500}', '.tf-cobot .model-spec .v .u{font-size:11px;color:var(--ink-5);margin-left:2px;font-weight:400}', '.tf-cobot .model-cta{', ' margin-top:28px;display:flex;align-items:center;justify-content:space-between;', ' font-size:13px;color:var(--ink-5);', ' }', '.tf-cobot .model-cta .price{font-family:var(--t-mono);font-size:13px;color:var(--paper);font-weight:500}', '.tf-cobot .model-cta .price .from{font-size:10px;color:var(--ink-5);font-weight:400;letter-spacing:.1em;margin-right:4px;text-transform:uppercase}', '.tf-cobot .model-cta .arrow{', ' width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);', ' display:grid;place-items:center;color:var(--paper);transition:all .2s;', ' }', '.tf-cobot .model:hover .model-cta .arrow{background:var(--orange);border-color:var(--orange);transform:rotate(-45deg)}', '.tf-cobot .model-disclaimer{', ' margin-top:24px;font-size:12px;color:var(--ink-5);font-family:var(--t-mono);letter-spacing:.04em;', ' }', '.tf-cobot .industries{padding:120px 0}', '.tf-cobot .industries-head{', ' display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px;', ' }', '@media (max-width:880px){.tf-cobot .industries-head{grid-template-columns:1fr;gap:20px}}', '.tf-cobot .industries-head h2{margin:0;color:var(--ink)}', '.tf-cobot .industries-head h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .industries-head p{', ' font-size:17px;line-height:1.55;color:var(--ink-3);margin:0;justify-self:end;max-width:440px;', ' }', '@media (max-width:880px){.tf-cobot .industries-head p{justify-self:start}}', '.tf-cobot .ind-grid{', ' display:grid;grid-template-columns:repeat(12,1fr);gap:14px;grid-auto-rows:min-content;', ' }', '@media (max-width:980px){.tf-cobot .ind-grid{grid-template-columns:repeat(2,1fr)}}', '.tf-cobot .ind{', ' position:relative;border-radius:var(--r-lg);overflow:hidden;', ' background:var(--ink-2);', ' transition:transform .35s ease, box-shadow .35s;', ' cursor:pointer;', ' }', '.tf-cobot .ind:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(10,14,20,.28)}', '.tf-cobot .ind img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease, opacity .35s}', '.tf-cobot .ind:hover img{transform:scale(1.06);opacity:.55}', '.tf-cobot .ind-cap{', ' position:absolute;left:0;right:0;bottom:0;padding:24px;', ' background:linear-gradient(180deg, transparent 0%, rgba(10,14,20,.85) 100%);', ' color:var(--paper);', ' transform:translateY(0);transition:transform .35s ease;', ' }', '.tf-cobot .ind .num{', ' position:absolute;left:18px;top:18px;', ' font-family:var(--t-mono);font-size:11px;letter-spacing:.14em;', ' color:rgba(255,255,255,.7);text-transform:uppercase;', ' background:rgba(10,14,20,.5);backdrop-filter:blur(6px);', ' padding:5px 9px;border-radius:4px;', ' }', '.tf-cobot .ind h3{', ' font-family:var(--t-display);font-size:26px;font-weight:500;letter-spacing:-.02em;', ' line-height:1.1;margin:0 0 6px;', ' }', '.tf-cobot .ind .desc{font-size:13.5px;color:rgba(255,255,255,.78);max-height:0;overflow:hidden;transition:max-height .35s ease, margin .35s}', '.tf-cobot .ind:hover .desc{max-height:80px;margin-top:6px}', '.tf-cobot .ind:nth-child(1){grid-column:span 5;aspect-ratio:1.2/1}', '.tf-cobot .ind:nth-child(2){grid-column:span 4;aspect-ratio:1/1}', '.tf-cobot .ind:nth-child(3){grid-column:span 3;aspect-ratio:.85/1}', '.tf-cobot .ind:nth-child(4){grid-column:span 4;aspect-ratio:1/1}', '.tf-cobot .ind:nth-child(5){grid-column:span 4;aspect-ratio:1/1}', '.tf-cobot .ind:nth-child(6){grid-column:span 4;aspect-ratio:1/1}', '@media (max-width:980px){.tf-cobot .ind{grid-column:span 1 !important;aspect-ratio:1/1 !important}}', '.tf-cobot .anatomy{', ' padding:120px 0;', ' background:var(--paper-2);', ' border-top:1px solid var(--line);', ' border-bottom:1px solid var(--line);', ' }', '.tf-cobot .anatomy-head{margin-bottom:64px;max-width:760px}', '.tf-cobot .anatomy-head h2{margin:0 0 16px}', '.tf-cobot .anatomy-head h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .anatomy-head p{font-size:17px;line-height:1.6;color:var(--ink-3);margin:0}', '.tf-cobot .anatomy-stage{', ' position:relative;', ' background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);', ' padding:40px;', ' overflow:hidden;', ' }', '.tf-cobot .anatomy-stage::before, .tf-cobot .anatomy-stage::after{', ' content:"";position:absolute;background:var(--ink-deep);', ' }', '.tf-cobot .anatomy-stage::before{left:24px;top:24px;width:14px;height:1.5px}', '.tf-cobot .anatomy-stage::after{left:24px;top:24px;width:1.5px;height:14px}', '.tf-cobot .anatomy-cols{', ' display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;', ' }', '@media (max-width:980px){.tf-cobot .anatomy-cols{grid-template-columns:1fr}}', '.tf-cobot .anatomy-img{', ' position:relative;background:linear-gradient(180deg, #f4f1e8, #e8e3d6);', ' border-radius:var(--r);overflow:hidden;aspect-ratio:1.2/1;', ' }', '.tf-cobot .anatomy-img img{width:100%;height:100%;object-fit:contain;padding:6%}', '.tf-cobot .anatomy-img::before{', ' content:"";position:absolute;inset:0;', ' background-image:', ' linear-gradient(rgba(10,14,20,.04) 1px, transparent 1px),', ' linear-gradient(90deg, rgba(10,14,20,.04) 1px, transparent 1px);', ' background-size:32px 32px;', ' pointer-events:none;', ' }', '.tf-cobot .parts{display:flex;flex-direction:column;gap:0}', '.tf-cobot .part{', ' display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;', ' padding:18px 0;border-top:1px solid var(--line);', ' }', '.tf-cobot .part:last-child{border-bottom:1px solid var(--line)}', '.tf-cobot .part .pn{', ' font-family:var(--t-mono);font-size:11px;color:var(--orange);font-weight:500;', ' letter-spacing:.1em;width:24px;', ' }', '.tf-cobot .part h4{', ' font-family:var(--t-display);font-size:22px;font-weight:500;letter-spacing:-.015em;', ' margin:0 0 4px;color:var(--ink);', ' }', '.tf-cobot .part p{font-size:14px;color:var(--ink-3);margin:0;line-height:1.55}', '.tf-cobot .part .brand{', ' font-family:var(--t-mono);font-size:11px;color:var(--ink-4);letter-spacing:.06em;', ' text-transform:uppercase;align-self:center;white-space:nowrap;', ' }', '.tf-cobot .process{padding:120px 0;background:var(--ink-deep);color:var(--paper);position:relative;overflow:hidden}', '.tf-cobot .process::before{', ' content:"";position:absolute;inset:0;', ' background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.04) 1px, transparent 0);', ' background-size:28px 28px;', ' pointer-events:none;', ' }', '.tf-cobot .process .section-idx{color:var(--ink-5)}', '.tf-cobot .process .section-idx .line{background:rgba(255,255,255,.15)}', '.tf-cobot .process h2{margin:0 0 16px;color:var(--paper)}', '.tf-cobot .process h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .process .lead{font-size:17px;line-height:1.55;color:var(--ink-5);max-width:620px;margin:0 0 64px}', '.tf-cobot .process-visual{', ' margin:0 0 56px;', ' background:#ffffff;', ' border:1px solid rgba(255,255,255,.14);', ' border-radius:var(--r-lg);', ' padding:18px;', ' box-shadow:0 28px 70px -28px rgba(0,0,0,.55);', ' max-width:920px;', ' }', '.tf-cobot .process-visual img{', ' width:100%;', ' height:auto;', ' border-radius:var(--r);', ' }', '.tf-cobot .timeline{', ' display:grid;grid-template-columns:repeat(5,1fr);gap:24px;', ' position:relative;', ' }', '@media (max-width:980px){.tf-cobot .timeline{grid-template-columns:repeat(2,1fr)}}', '@media (max-width:560px){.tf-cobot .timeline{grid-template-columns:1fr}}', '.tf-cobot .tl-step{', ' position:relative;padding-top:48px;', ' }', '.tf-cobot .tl-step::before{', ' content:"";position:absolute;left:0;top:24px;width:100%;height:1px;background:rgba(255,255,255,.15);', ' }', '.tf-cobot .tl-step::after{', ' content:"";position:absolute;left:0;top:20px;width:9px;height:9px;border-radius:50%;', ' background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.2);', ' }', '.tf-cobot .tl-num{', ' font-family:var(--t-mono);font-size:11px;color:var(--orange);font-weight:600;', ' letter-spacing:.18em;margin-bottom:14px;', ' }', '.tf-cobot .tl-step h4{', ' font-family:var(--t-display);font-size:22px;font-weight:500;letter-spacing:-.015em;', ' line-height:1.15;margin:0 0 10px;color:var(--paper);', ' }', '.tf-cobot .tl-step p{font-size:13.5px;color:var(--ink-5);line-height:1.55;margin:0}', '.tf-cobot .why{padding:120px 0}', '.tf-cobot .why-head{margin-bottom:64px;max-width:780px}', '.tf-cobot .why-head h2{margin:0 0 16px}', '.tf-cobot .why-head h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .why-head p{font-size:17px;line-height:1.6;color:var(--ink-3);margin:0}', '.tf-cobot .why-grid{', ' display:grid;grid-template-columns:repeat(2,1fr);gap:28px;', ' }', '@media (max-width:880px){.tf-cobot .why-grid{grid-template-columns:1fr}}', '.tf-cobot .prop{', ' background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);', ' padding:36px 32px;position:relative;overflow:hidden;', ' transition:border-color .25s, transform .25s;', ' }', '.tf-cobot .prop:hover{border-color:var(--ink);transform:translateY(-3px)}', '.tf-cobot .prop-num{', ' position:absolute;right:24px;top:18px;', ' font-family:var(--t-display);font-size:80px;font-weight:500;letter-spacing:-.03em;', ' color:var(--paper-2);line-height:1;pointer-events:none;', ' }', '.tf-cobot .prop h3{', ' font-family:var(--t-display);font-size:28px;font-weight:500;letter-spacing:-.02em;', ' line-height:1.15;margin:0 0 14px;color:var(--ink);position:relative;', ' }', '.tf-cobot .prop h3 .hl{', ' background:linear-gradient(180deg, transparent 65%, rgba(255,90,31,.25) 65%);', ' padding:0 4px;', ' }', '.tf-cobot .prop p{', ' font-size:15px;line-height:1.6;color:var(--ink-3);margin:0;', ' position:relative;', ' }', '.tf-cobot .prop-stat{', ' margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);', ' font-family:var(--t-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em;', ' }', '.tf-cobot .prop-stat strong{color:var(--orange);font-weight:600;font-size:14px}', '.tf-cobot .global{', ' padding:120px 0;background:var(--paper-2);', ' border-top:1px solid var(--line);border-bottom:1px solid var(--line);', ' }', '.tf-cobot .global-head{', ' display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;flex-wrap:wrap;', ' }', '.tf-cobot .global-head h2{margin:0;color:var(--ink)}', '.tf-cobot .global-head h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .global-stats{', ' display:flex;gap:48px;', ' }', '.tf-cobot .global-stats .v{font-family:var(--t-display);font-size:48px;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--ink)}', '.tf-cobot .global-stats .l{font-family:var(--t-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}', '.tf-cobot .countries{', ' display:grid;grid-template-columns:repeat(4,1fr);gap:14px;', ' }', '@media (max-width:880px){.tf-cobot .countries{grid-template-columns:repeat(2,1fr)}}', '.tf-cobot .country{', ' position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:.75/1;', ' background:var(--ink-2);', ' }', '.tf-cobot .country img{width:100%;height:100%;object-fit:cover}', '.tf-cobot .country-name{', ' position:absolute;left:16px;bottom:16px;', ' font-family:var(--t-display);font-size:24px;font-weight:500;letter-spacing:-.01em;', ' color:var(--paper);', ' text-shadow:0 2px 12px rgba(0,0,0,.5);', ' }', '.tf-cobot .country-flag{', ' position:absolute;right:14px;top:14px;', ' font-family:var(--t-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;', ' color:var(--paper);background:rgba(10,14,20,.5);backdrop-filter:blur(4px);', ' padding:5px 8px;border-radius:4px;', ' }', '.tf-cobot .specs{padding:120px 0}', '.tf-cobot .specs-head{margin-bottom:48px}', '.tf-cobot .specs-head h2{margin:0 0 14px}', '.tf-cobot .specs-head h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .specs-head p{font-size:17px;color:var(--ink-3);margin:0;max-width:620px}', '.tf-cobot .spectable{', ' background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);', ' overflow:hidden;', ' }', '.tf-cobot .spectable table{width:100%;border-collapse:collapse}', '.tf-cobot .spectable th, .tf-cobot .spectable td{', ' padding:18px 22px;text-align:left;font-size:14px;', ' border-bottom:1px solid var(--line-2);', ' }', '.tf-cobot .spectable thead th{', ' background:var(--ink-deep);color:var(--paper);', ' font-family:var(--t-display);font-weight:500;letter-spacing:-.01em;', ' font-size:18px;', ' text-align:left;', ' }', '.tf-cobot .spectable thead th:first-child{', ' font-family:var(--t-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;', ' color:var(--ink-5);font-weight:500;', ' width:30%;', ' }', '.tf-cobot .spectable thead th .pop{', ' display:inline-block;background:var(--orange);color:#fff;', ' font-family:var(--t-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;', ' padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle;', ' }', '.tf-cobot .spectable tbody th{', ' font-family:var(--t-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;', ' color:var(--ink-3);font-weight:500;background:var(--paper);', ' }', '.tf-cobot .spectable tbody td{', ' font-family:var(--t-mono);font-size:14px;color:var(--ink);font-weight:500;', ' }', '.tf-cobot .spectable tbody td .u{color:var(--ink-4);font-weight:400;font-size:11px;margin-left:2px}', '.tf-cobot .spectable tbody tr:last-child th, .tf-cobot .spectable tbody tr:last-child td{border-bottom:0}', '.tf-cobot .spectable .featured-col{background:rgba(255,90,31,.04)}', '.tf-cobot .components-row{', ' margin-top:48px;', ' display:grid;grid-template-columns:repeat(8,1fr);gap:1px;', ' background:var(--line);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);', ' }', '@media (max-width:980px){.tf-cobot .components-row{grid-template-columns:repeat(4,1fr)}}', '@media (max-width:560px){.tf-cobot .components-row{grid-template-columns:repeat(2,1fr)}}', '.tf-cobot .comp-cell{', ' background:var(--white);padding:22px 18px;', ' }', '.tf-cobot .comp-cell .k{font-family:var(--t-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}', '.tf-cobot .comp-cell .v{font-size:14.5px;font-weight:500;color:var(--ink);letter-spacing:-.005em}', '.tf-cobot .cta{', ' padding:140px 0;background:var(--ink-deep);color:var(--paper);', ' position:relative;overflow:hidden;', ' }', '.tf-cobot .cta::before{', ' content:"";position:absolute;', ' width:600px;height:600px;border-radius:50%;', ' background:radial-gradient(circle, rgba(255,90,31,.25) 0%, transparent 70%);', ' right:-200px;top:-200px;', ' pointer-events:none;', ' }', '.tf-cobot .cta-inner{position:relative;z-index:2;max-width:900px}', '.tf-cobot .cta h2{margin:0 0 24px;color:var(--paper)}', '.tf-cobot .cta h2 em{font-style:italic;font-weight:400;color:var(--orange)}', '.tf-cobot .cta p{font-size:18px;line-height:1.55;color:var(--ink-5);margin:0 0 40px;max-width:600px}', '.tf-cobot .cta-actions{display:flex;gap:14px;flex-wrap:wrap}', '@media (max-width:768px){.tf-cobot .hero{padding:40px 0 64px}.tf-cobot .opp, .tf-cobot .industries, .tf-cobot .anatomy, .tf-cobot .process, .tf-cobot .why, .tf-cobot .global, .tf-cobot .specs, .tf-cobot .cta{padding:72px 0}}' , "/* ============ Mobile full-bleed + responsive patch ============ */", ".tf-cobot{display:block;width:100%;max-width:100%;overflow-x:hidden;isolation:isolate;}", ".tf-cobot section{max-width:100%;}", ".tf-cobot *, .tf-cobot *::before, .tf-cobot *::after{min-width:0;}", ".tf-cobot img,.tf-cobot svg,.tf-cobot video{max-width:100%;height:auto;}", ".tf-cobot .display,.tf-cobot h1,.tf-cobot h2,.tf-cobot h3,.tf-cobot h4,.tf-cobot p,.tf-cobot a,.tf-cobot span{overflow-wrap:break-word;word-break:normal;}", ".tf-cobot .hero,.tf-cobot .opp,.tf-cobot .models,.tf-cobot .industries,.tf-cobot .anatomy,.tf-cobot .process,.tf-cobot .why,.tf-cobot .global,.tf-cobot .specs,.tf-cobot .cta{width:100%;max-width:100%;overflow-x:hidden;}", "@media (max-width:768px){", " .tf-cobot{font-size:15px;width:100%;max-width:100%;}", " .tf-cobot .wrap{width:100%;max-width:none;padding-left:16px;padding-right:16px;}", " .tf-cobot .hero{padding:40px 0 64px;}", " .tf-cobot .opp,.tf-cobot .models,.tf-cobot .industries,.tf-cobot .anatomy,.tf-cobot .process,.tf-cobot .why,.tf-cobot .global,.tf-cobot .specs,.tf-cobot .cta{padding:72px 0;}", " .tf-cobot .display{letter-spacing:-.02em;line-height:1.1;}", " .tf-cobot .h1{font-size:clamp(24px,7vw,30px);line-height:1.1;}", " .tf-cobot .h2{font-size:clamp(20px,6vw,26px);line-height:1.1;}", " .tf-cobot .h3{font-size:clamp(18px,5vw,22px);}", " .tf-cobot .section-idx{gap:10px;margin-bottom:28px;font-size:10.5px;letter-spacing:.1em;align-items:center;}", " .tf-cobot .section-idx .line{min-width:24px;}", " .tf-cobot .hero-grid{grid-template-columns:1fr;gap:28px;}", " .tf-cobot .hero-left .meta{flex-wrap:wrap;gap:10px;margin-bottom:24px;}", " .tf-cobot .meta-pill{max-width:100%;white-space:normal;line-height:1.35;}", " .tf-cobot .meta-side{font-size:10.5px;line-height:1.35;}", " .tf-cobot .hero h1{margin-bottom:22px;}", " .tf-cobot .hero p.kicker{font-size:14px;line-height:1.55;max-width:none;}", " .tf-cobot .hero-actions,.tf-cobot .cta-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px;}", " .tf-cobot .hero-actions .btn,.tf-cobot .cta-actions .btn{width:100%;}", " .tf-cobot .btn{white-space:normal;text-align:center;min-width:0;padding-left:14px;padding-right:14px;}", " .tf-cobot .hero-img{aspect-ratio:1/1;border-radius:14px;}", " .tf-cobot .hero-img img{padding:10%;}", " .tf-cobot .hero-tag{left:16px;bottom:16px;}", " .tf-cobot .hero-tag-r{right:16px;top:16px;}", " .tf-cobot .hero-tag .l,.tf-cobot .hero-tag-r .l{font-size:9.5px;letter-spacing:.1em;}", " .tf-cobot .hero-tag .v,.tf-cobot .hero-tag-r .v{font-size:13px;}", " .tf-cobot .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;padding-top:20px;}", " .tf-cobot .hero-stats .s{padding:0 12px 18px 0;}", " .tf-cobot .hero-stats .s + .s{padding-left:12px;}", " .tf-cobot .hero-stats .s:nth-child(3){border-left:0;padding-left:0;}", " .tf-cobot .hero-stats .v{font-size:34px;}", " .tf-cobot .hero-stats .v small{font-size:13px;}", " .tf-cobot .hero-stats .l{font-size:9.5px;letter-spacing:.1em;}", " .tf-cobot .opp-grid,.tf-cobot .industries-head,.tf-cobot .anatomy-cols{grid-template-columns:1fr;gap:28px;}", " .tf-cobot .opp-text p{font-size:16px;}", " .tf-cobot .opp-text p:first-child{font-size:18px;}", " .tf-cobot .model-row{grid-template-columns:1fr;}", " .tf-cobot .model-body{padding:24px 20px 28px;}", " .tf-cobot .model-name{font-size:30px;}", " .tf-cobot .model-spec{gap:10px;align-items:flex-start;}", " .tf-cobot .model-spec .k{flex:0 0 auto;}", " .tf-cobot .model-spec .v{text-align:right;max-width:58%;overflow-wrap:anywhere;}", " .tf-cobot .model-disclaimer{font-size:11px;line-height:1.5;}", " .tf-cobot .ind-grid{grid-template-columns:1fr !important;gap:12px;}", " .tf-cobot .ind{grid-column:span 1 !important;aspect-ratio:1.15/1 !important;}", " .tf-cobot .ind .num{left:14px;top:14px;font-size:9.5px;letter-spacing:.1em;max-width:calc(100% - 28px);white-space:normal;}", " .tf-cobot .ind-cap{padding:18px;}", " .tf-cobot .ind h3{font-size:24px;}", " .tf-cobot .ind .desc{max-height:none;margin-top:6px;}", " .tf-cobot .anatomy-head{margin-bottom:36px;}", " .tf-cobot .anatomy-stage{padding:18px;border-radius:14px;}", " .tf-cobot .anatomy-stage::before{left:14px;top:14px;}", " .tf-cobot .anatomy-stage::after{left:14px;top:14px;}", " .tf-cobot .anatomy-img{aspect-ratio:1/1;}", " .tf-cobot .part{grid-template-columns:auto 1fr;gap:12px;padding:16px 0;}", " .tf-cobot .part .brand{grid-column:2;white-space:normal;align-self:start;font-size:10px;line-height:1.4;}", " .tf-cobot .part h4{font-size:20px;}", " .tf-cobot .part p{font-size:13.5px;}", " .tf-cobot .process .lead{margin-bottom:36px;}", " .tf-cobot .process-visual{padding:10px;margin-bottom:36px;border-radius:14px;}", " .tf-cobot .timeline{grid-template-columns:1fr;gap:18px;}", " .tf-cobot .tl-step{padding-top:36px;}", " .tf-cobot .tl-step::before{top:18px;}", " .tf-cobot .tl-step::after{top:14px;}", " .tf-cobot .why-grid{grid-template-columns:1fr;gap:18px;}", " .tf-cobot .prop{padding:28px 20px;}", " .tf-cobot .prop-num{font-size:58px;right:16px;top:14px;}", " .tf-cobot .prop h3{font-size:24px;}", " .tf-cobot .global-head{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:36px;}", " .tf-cobot .global-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;}", " .tf-cobot .global-stats .v{font-size:38px;}", " .tf-cobot .global-stats .l{font-size:9.5px;letter-spacing:.1em;}", " .tf-cobot .countries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}", " .tf-cobot .country{aspect-ratio:.82/1;}", " .tf-cobot .country-name{left:12px;bottom:12px;font-size:21px;}", " .tf-cobot .country-flag{right:10px;top:10px;font-size:9px;letter-spacing:.1em;}", " .tf-cobot .spectable{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}", " .tf-cobot .spectable table{min-width:760px;width:760px;}", " .tf-cobot .spectable th,.tf-cobot .spectable td{padding:14px 16px;font-size:13px;}", " .tf-cobot .spectable thead th{font-size:16px;}", " .tf-cobot .spectable thead th .pop{display:block;width:max-content;margin:6px 0 0;}", " .tf-cobot .components-row{grid-template-columns:repeat(2,minmax(0,1fr));}", " .tf-cobot .comp-cell{padding:18px 14px;}", " .tf-cobot .cta p{font-size:16px;}", "}", "@media (max-width:420px){", " .tf-cobot .wrap{padding-left:12px;padding-right:12px;}", " .tf-cobot .h1{font-size:clamp(22px,6.5vw,26px);}", " .tf-cobot .h2{font-size:clamp(20px,5.5vw,24px);}", " .tf-cobot .hero-stats{grid-template-columns:1fr;}", " .tf-cobot .hero-stats .s,.tf-cobot .hero-stats .s + .s{border-left:0;padding-left:0;padding-right:0;}", " .tf-cobot .model-spec{display:grid;grid-template-columns:1fr;gap:4px;}", " .tf-cobot .model-spec .v{text-align:left;max-width:100%;}", " .tf-cobot .global-stats{grid-template-columns:1fr;gap:14px;}", " .tf-cobot .countries{grid-template-columns:1fr;}", " .tf-cobot .components-row{grid-template-columns:1fr;}", " .tf-cobot .spectable table{min-width:680px;width:680px;}", "}" ].join('\n'); /* ============ 工具:注入样式(幂等)============ */ function injectStyle() { var style = document.getElementById(STYLE_ID); if (!style) { style = document.createElement('style'); style.id = STYLE_ID; document.head.appendChild(style); } style.textContent = CSS_TEMPLATE; } /* ============ 移动端真实视口宽度同步 ============ */ var viewportSyncHandler = null; function syncViewportVars() { try { var root = document.documentElement; var vw = root.clientWidth || window.innerWidth || 0; if (!vw || vw < 240) vw = window.innerWidth || 375; root.style.setProperty('--tf-cobot-vw', vw + 'px'); root.style.setProperty('--tf-cobot-half-vw', (vw / 2) + 'px'); } catch (e) {} } function bindViewportSync() { syncViewportVars(); if (viewportSyncHandler) return; var ticking = false; viewportSyncHandler = function () { if (ticking) return; ticking = true; window.requestAnimationFrame(function () { ticking = false; syncViewportVars(); // 视口变化后必须重新测父容器位置，重算 margin-left if (currentMorphedEl) syncShapeGeometry(currentMorphedEl); }); }; window.addEventListener('resize', viewportSyncHandler, { passive: true }); window.addEventListener('orientationchange', viewportSyncHandler, { passive: true }); if (window.visualViewport) { window.visualViewport.addEventListener('resize', viewportSyncHandler, { passive: true }); } } function unbindViewportSync() { if (!viewportSyncHandler) return; try { window.removeEventListener('resize', viewportSyncHandler); window.removeEventListener('orientationchange', viewportSyncHandler); if (window.visualViewport) { window.visualViewport.removeEventListener('resize', viewportSyncHandler); } } catch (e) {} viewportSyncHandler = null; } /* ============ 当前被改造的形状元素（供 resize 回调用）============ */ var currentMorphedEl = null; /* ============ 获取视口可用宽度（排除滚动条）============ */ function getViewportWidth() { return document.documentElement.clientWidth || window.innerWidth || 0; } /* ============ 算父容器的"内容框"在视口里的 left 偏移 ============ */ function getParentContentBoxLeft(el) { var parent = el.parentNode; if (!parent || !parent.getBoundingClientRect) return null; var prect = parent.getBoundingClientRect(); var pl = 0, bl = 0; if (window.getComputedStyle) { var ps = window.getComputedStyle(parent); pl = parseFloat(ps.paddingLeft) || 0; bl = parseFloat(ps.borderLeftWidth) || 0; } return prect.left + bl + pl; } /* ============ 实测父容器内容框左边，算出精确的 margin-left ============ * 原来用 calc(50% - 50vw) 假设父容器在视口里居中 —— 但外贸通的容器 * 在不同断点下定位不同，导致 shape 被错位、右侧露出白边。这里改用 * getBoundingClientRect() 直接测父容器的内容框（border + padding 之 * 后）相对视口的 left，把 margin-left 设成它的相反数，把 shape 精 * 准推到视口 left=0。视口宽度统一用 clientWidth（不含滚动条），避 * 免 shape 比可视区还宽导致横向溢出。 */ function syncShapeGeometry(el) { try { var vw = getViewportWidth(); if (!vw) return; var contentBoxLeft = getParentContentBoxLeft(el); if (contentBoxLeft === null) return; el.style.setProperty('width', vw + 'px', 'important'); el.style.setProperty('margin-left', (-contentBoxLeft) + 'px', 'important'); el.style.setProperty('margin-right', '0', 'important'); el.style.setProperty('max-width', 'none', 'important'); el.style.setProperty('left', 'auto', 'important'); } catch (e) {} } /* ============ 把形状元素改造成透明全宽容器 ============ */ function morphHost(el) { var staticOverrides = { 'background': 'transparent', 'background-color': 'transparent', 'background-image': 'none', 'border': 'none', 'border-radius': '0', 'box-shadow': 'none', 'min-width': '0', 'height': 'auto', 'min-height': '0', 'max-height': 'none', 'padding': '0', 'margin-top': '0', 'margin-bottom': '0', 'position': 'relative', 'top': 'auto', 'right': 'auto', 'bottom': 'auto', 'overflow-x': 'hidden', 'overflow-y': 'visible', 'display': 'block', 'box-sizing': 'border-box' }; for (var k in staticOverrides) { el.style.setProperty(k, staticOverrides[k], 'important'); } // width / margin-left / margin-right / max-width / left 由 syncShapeGeometry 设置 syncShapeGeometry(el); } /* ============ 拍平祖先容器的固定高度 ============ * 外贸通的 editableModule1 / inner-container 等祖先在编辑器里被锁了 * 固定 height（按编辑器中的设计计算出来的值），跟模块实际内容高度 * 对不上时： * - 内容比锁定值短 → 容器底部多出空白（"底部白边"） * - 内容比锁定值长 → 内容被截断 * 把这些祖先的 height/min-height/max-height 强制改成 auto，让它们 * 跟着内容自然生长。只向上走 3 层，遇到 templates-wrapper 就停（那 * 个是多模块共用的根，不能动）。 */ var ancestorObservers = []; function flattenAncestor(p) { p.style.setProperty('height', 'auto', 'important'); p.style.setProperty('min-height', '0', 'important'); p.style.setProperty('max-height', 'none', 'important'); } function isAncestorFlattened(p) { var s = p.style; var minH = s.minHeight || ''; return s.height === 'auto' && (minH === '0px' || minH === '0' || minH === '') && (s.maxHeight === 'none' || s.maxHeight === ''); } function getAncestorsToFlatten(el) { var list = []; var p = el.parentNode; var count = 0; while (p && p.nodeType === 1 && p !== document.body && count < 3) { var tagName = p.tagName ? String(p.tagName).toLowerCase() : ''; if (tagName === 'html' || tagName === 'body') break; if (p.classList && p.classList.contains && p.classList.contains('templates-wrapper')) break; list.push(p); p = p.parentNode; count++; } return list; } function disconnectAncestorObservers() { for (var i = 0; i < ancestorObservers.length; i++) { try { ancestorObservers[i].disconnect(); } catch (e) {} } ancestorObservers = []; } function enforceAncestorFlatten(el) { disconnectAncestorObservers(); var list = getAncestorsToFlatten(el); for (var i = 0; i < list.length; i++) { (function (p) { flattenAncestor(p); if (window.MutationObserver) { var obs = new window.MutationObserver(function () { if (!isAncestorFlattened(p)) { flattenAncestor(p); // 拍平后父容器位置可能微调，shape 的 margin-left 跟着重算 if (currentMorphedEl) syncShapeGeometry(currentMorphedEl); } }); try { obs.observe(p, { attributes: true, attributeFilter: ['style'] }); } catch (e) {} ancestorObservers.push(obs); } })(list[i]); } } /* ============ 防御性样式重写 ============ * 外贸通在 onMount 之后会再次往形状元素写 width/height/left/margin * （从 __rect__ 属性读出的固定几何），覆盖 morphHost。用 MutationObserver * 监听 style 属性变化，发现关键属性被改掉就再跑一遍 morphHost。带限流 * 以防死锁。 */ var styleObserver = null; var enforceCount = 0; var enforceWindowStart = 0; var ENFORCE_MAX_PER_SEC = 20; function isMorphedOK(el) { var w = el.style.width || ''; var h = el.style.height || ''; var l = el.style.left || ''; var vw = getViewportWidth(); var heightOK = h === 'auto' || h === ''; var leftOK = l === 'auto' || l === ''; // width 应该是接近 vw 的像素值 var widthOK = false; if (w.indexOf('vw') >= 0 || w.indexOf('--tf-cobot-vw') >= 0) { widthOK = true; } else if (w.charAt(w.length - 2) === 'p' && w.charAt(w.length - 1) === 'x') { var widthPx = parseFloat(w); widthOK = vw > 0 && Math.abs(widthPx - vw) < 5; } if (!widthOK || !heightOK || !leftOK) return false; // margin-left 必须存在且匹配当前父容器内容框的相反数 // （防止外贸通用 margin shorthand 一把清零） var contentBoxLeft = getParentContentBoxLeft(el); if (contentBoxLeft !== null) { var actualMl = parseFloat(el.style.marginLeft); if (isNaN(actualMl)) return false; if (Math.abs(actualMl - (-contentBoxLeft)) > 1) return false; } return true; } function enforceMorph(el) { var now = Date.now(); if (now - enforceWindowStart > 1000) { enforceWindowStart = now; enforceCount = 0; } if (enforceCount >= ENFORCE_MAX_PER_SEC) return; enforceCount++; currentMorphedEl = el; if (styleObserver) { try { styleObserver.disconnect(); } catch (e) {} } morphHost(el); enforceAncestorFlatten(el); if (window.MutationObserver) { styleObserver = new window.MutationObserver(function () { if (!isMorphedOK(el)) enforceMorph(el); }); try { styleObserver.observe(el, { attributes: true, attributeFilter: ['style'] }); } catch (e) {} } } function disconnectStyleObserver() { if (styleObserver) { try { styleObserver.disconnect(); } catch (e) {} styleObserver = null; } } /* ============ 同页锚点平滑滚动 ============ * 外贸通有 SPA 路由会拦截 hash 跳转，原生不一定按 * 预期工作。这里在模块根上挂一个事件代理，对所有指向 #xxx 的链接 * preventDefault 之后自己用 scrollIntoView 平滑滚动到目标 section。 * 非 # 开头的链接（外部 URL）不受影响。 */ var anchorClickHandler = null; var anchorScopeEl = null; function bindAnchorScroll(scopeEl) { if (anchorClickHandler) return; anchorScopeEl = scopeEl; anchorClickHandler = function (e) { var node = e.target; while (node && node !== scopeEl) { if (node.tagName === 'A') { var href = node.getAttribute('href') || ''; if (!href) return; // 1) 同页锚点：平滑滚动 if (href.length > 1 && href.charAt(0) === '#') { var id = href.substring(1); var dest = null; try { dest = scopeEl.querySelector('#' + id); } catch (err) {} if (!dest) dest = document.getElementById(id); if (dest && dest.scrollIntoView) { e.preventDefault(); try { dest.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (err) { dest.scrollIntoView(); } } return; } // 2) 外部链接 (http/https/mailto/tel)：抢在外贸通 SPA 路由之前 // preventDefault + stopImmediatePropagation 阻止路由器吞掉，自己显式跳转 if (/^(https?:|mailto:|tel:)/i.test(href)) { e.preventDefault(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); else if (e.stopPropagation) e.stopPropagation(); var tgt = node.getAttribute('target'); var newTab = tgt === '_blank' || e.ctrlKey || e.metaKey || e.shiftKey || e.button === 1; if (newTab) { window.open(href, '_blank'); } else { window.location.href = href; } return; } // 3) 其他（相对路径等）：交给浏览器默认行为 return; } node = node.parentNode; } }; try { scopeEl.addEventListener('click', anchorClickHandler, true); } catch (e) {} } function unbindAnchorScroll() { if (anchorClickHandler && anchorScopeEl) { try { anchorScopeEl.removeEventListener('click', anchorClickHandler, true); } catch (e) {} } anchorClickHandler = null; anchorScopeEl = null; } /* ============ 生命周期 ============ */ var config = { onMount: function (context) { try { bindViewportSync(); injectStyle(); var el = document.getElementById(context.id); if (!el) return; syncViewportVars(); enforceMorph(el); el.innerHTML = HTML_TEMPLATE; bindAnchorScroll(el); } catch (e) { if (window && window.console) window.console.warn('[TF-COBOT onMount]', e); } }, onUnmount: function (context) { try { unbindAnchorScroll(); disconnectStyleObserver(); disconnectAncestorObservers(); unbindViewportSync(); currentMorphedEl = null; var s = document.getElementById(STYLE_ID); if (s) s.parentNode.removeChild(s); var el = document.getElementById(context.id); if (el) el.innerHTML = ''; } catch (e) {} } }; return config; }

Collaborativepalletizing robots.

', ' Manual palletizing', ' is a bottleneck.', '

Three models. One platform.

Six industries.One platform.

Food Processing

Pharmaceuticals

Consumer Electronics (3C)

Daily Chemicals

Printing Industry

Wood Furniture

Engineered, part by part.

Collaborative Arm

End Effector

Mobile Frame

Card Positioning System

Operating System

Control Cabinet

From conveyor to pallet, in five steps.

Outfeed

Roller Infeed

Photoelectric Inspection

Pick & Stack

Pallet Removal

It\'s not about replacing a robot.It\'s about replacing the fence.

Master programming in half an hour.

Share the floor with your people.

Scale from one cobot to a swarm.

Plug into your existing line.

Field showcases across four markets.

Every number, side by side.

Tell us about your line.

Collaborative
palletizing robots.

', ' Manual palletizing
', ' is a bottleneck.', '

Six industries.
One platform.

It\'s not about replacing a robot.
It\'s about replacing the fence.

Company

Products

Contact