{"id":3365,"date":"2026-07-09T01:54:04","date_gmt":"2026-07-09T01:54:04","guid":{"rendered":"https:\/\/uisb.com\/?page_id=3365"},"modified":"2026-09-11T03:09:39","modified_gmt":"2026-09-11T03:09:39","slug":"fuel-filler-pipe","status":"publish","type":"page","link":"https:\/\/uisb.com\/zh\/fuel-filler-pipe\/","title":{"rendered":"Fuel Filler Pipe aff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3365\" class=\"elementor elementor-3365\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8117712 e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"8117712\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f64f7ba jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"f64f7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\nhtml {\n    overflow-x: hidden;\n}\n\n\/* TOKENS *\/\n:root{\n  --white:#ffffff;\n  --ice:#f8fbff;\n  --soft-blue:#eff6ff;\n  --light-blue:#dbeafe;\n  --sky:#93c5fd;\n  --blue:#3b82f6;\n  --deep-blue:#1e40af;\n  --navy:#071a3d;\n  --navy-2:#0f172a;\n  --text:#172033;\n  --muted:#64748b;\n  --border:rgba(147,197,253,.42);\n  --display:'DM Serif Display',Georgia,serif;\n  --body:'Space Grotesk',system-ui,sans-serif;\n  --ease:cubic-bezier(.22,1,.36,1);\n  --ease-out:cubic-bezier(.16,1,.3,1);\n  --ease-back:cubic-bezier(.34,1.35,.64,1);\n}\n\n\/* RESET *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;font-size:16px;}\nbody,#ffn-widget{font-family:var(--body);background:var(--navy-2);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg,#ffn-widget img{max-width:100%;display:block;}\nbutton,#ffn-widget button{font-family:inherit;cursor:pointer;border:none;background:none;}\n::-webkit-scrollbar{width:4px;}\n::-webkit-scrollbar-track{background:var(--navy-2);}\n::-webkit-scrollbar-thumb{background:rgba(147,197,253,.3);border-radius:2px;}\n\n\/* CURSOR GLOW \u2014 screen blend so it lights the dark sections, invisible on white *\/\n#cursor-glow{position:fixed;pointer-events:none;z-index:9990;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.14) 0%,rgba(59,130,246,.05) 40%,transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:0;transition:opacity .5s ease;}\n#cursor-glow.on{opacity:1;}\n@media(hover:none),(pointer:coarse){#cursor-glow{display:none;}}\n\n\/* TOP BAR *\/\n.top-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--sky));background-size:200% 100%;animation:stripeFlow 6s linear infinite;z-index:2000;}\n@keyframes stripeFlow{0%{background-position:0%}100%{background-position:200%}}\n\n\/* EYEBROW PILL *\/\n.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--deep-blue);background:rgba(59,130,246,.09);border:1px solid rgba(59,130,246,.28);border-radius:100px;padding:6px 18px 6px 11px;margin-bottom:20px;width:fit-content;font-family:var(--body);}\n.eyebrow-line{display:block;width:7px;height:7px;background:var(--blue);border-radius:50%;flex-shrink:0;animation:eyePulse 2.5s ease-in-out infinite;box-shadow:0 0 0 0 rgba(59,130,246,.4);}\n@keyframes eyePulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 6px rgba(59,130,246,0)}}\n.eyebrow-dark{color:var(--sky);background:rgba(147,197,253,.1);border-color:rgba(147,197,253,.2);}\n.eyebrow-dark .eyebrow-line{background:var(--sky);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCROLL REVEAL \u2014 reworked\n   Fix: removed blur() from the transition (it forced a\n   repaint of the whole element every frame = the \"laggy \/\n   sucky\" feel). Now GPU-only: opacity + transform.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sr,.sr-l,.sr-r,.sr-s{\n  opacity:0;\n  transition:opacity .7s var(--ease-out),transform .85s var(--ease-out);\n}\n.sr  {transform:translate3d(0,36px,0);}\n.sr-l{transform:translate3d(-44px,0,0);}\n.sr-r{transform:translate3d(44px,0,0);}\n.sr-s{transform:scale(.94) translate3d(0,16px,0);transition:opacity .6s var(--ease-out),transform .75s var(--ease-back);}\n.sr.up,.sr-l.up,.sr-r.up,.sr-s.up{opacity:1;transform:none;}\n\n[data-d=\"1\"]{transition-delay:.08s}[data-d=\"2\"]{transition-delay:.16s}\n[data-d=\"3\"]{transition-delay:.26s}[data-d=\"4\"]{transition-delay:.38s}\n[data-d=\"5\"]{transition-delay:.50s}[data-d=\"6\"]{transition-delay:.62s}\n[data-d=\"7\"]{transition-delay:.74s}[data-d=\"8\"]{transition-delay:.86s}\n\n\/* Animated underline that draws in under revealed section titles *\/\n.sec-h2,.mat-h2,.proc-h2{position:relative;}\n.sec-h2::after,.mat-h2::after,.proc-h2::after{\n  content:'';position:absolute;left:0;bottom:-8px;height:2px;width:64px;\n  background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:2px;\n  transform:scaleX(0);transform-origin:left;\n  transition:transform .9s var(--ease-out) .35s;\n}\n.mat-h2::after,.proc-h2::after{left:50%;transform:translateX(-50%) scaleX(0);transform-origin:center;}\n.sec-h2.up::after{transform:scaleX(1);}\n.mat-h2.up::after,.proc-h2.up::after{transform:translateX(-50%) scaleX(1);}\n\n\/* LAYOUT *\/\n.wrap{max-width:1160px;margin:0 auto;padding:0 64px;}\nsection{position:relative;}\n@media(max-width:900px){.wrap{padding:0 28px;}}\n\n\n#hero{min-height:100vh;position:relative;background:#05060f;display:flex;align-items:center;overflow:hidden;}\n#hero::after{content:'';position:absolute;inset:-60%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 20% 35%,rgba(59,130,246,.16) 0%,transparent 55%),radial-gradient(ellipse 55% 70% at 80% 65%,rgba(245,158,11,.07) 0%,transparent 50%),radial-gradient(ellipse 60% 45% at 55% 10%,rgba(147,197,253,.1) 0%,transparent 50%);animation:auroraShift 20s ease-in-out infinite alternate;filter:blur(50px);}\n@keyframes auroraShift{0%{transform:translate(0,0) rotate(0deg) scale(1)}50%{transform:translate(3%,-4%) rotate(2deg) scale(1.04)}100%{transform:translate(-3%,4%) rotate(-2deg) scale(1.03)}}\n#particleCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}\n\n\n.hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.45;}\n.hero-blob-1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(30,64,175,.08) 50%,transparent 70%);top:-220px;left:-200px;animation:blobDrift 22s ease-in-out infinite alternate;}\n.hero-blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.14) 0%,rgba(180,83,9,.06) 55%,transparent 70%);bottom:-100px;right:-60px;animation:blobDrift 28s ease-in-out infinite alternate-reverse;}\n@keyframes blobDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(25px,-35px) scale(1.05)}100%{transform:translate(-20px,25px) scale(.97)}}\n\n\n\n.hero-inner{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:120px 56px 100px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}\n.hero-left{display:flex;flex-direction:column;}\n\n\n.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(147,197,253,.28);border-radius:100px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky);margin-bottom:32px;width:fit-content;backdrop-filter:blur(10px);animation:fadein .8s .2s both;}\n.hero-badge-dot{width:6px;height:6px;background:var(--sky);border-radius:50%;animation:bdPulse 2s ease-in-out infinite;}\n@keyframes bdPulse{0%,100%{box-shadow:0 0 0 0 rgba(147,197,253,.5)}50%{box-shadow:0 0 0 6px rgba(147,197,253,0)}}\n\n\n.hero-h1{font-family:var(--display);font-size:clamp(40px,5vw,78px);font-weight:600;line-height:1.06;letter-spacing:-.03em;margin-bottom:0;animation:fadein .85s .35s both;}\n.hero-h1-line1{display:block;color:var(--white);}\n.hero-h1-line2{display:block;font-style:italic;font-weight:400;background:linear-gradient(100deg,#fde68a 0%,#fbbf24 20%,#93c5fd 45%,#bfdbfe 65%,#fde68a 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerFlow2 4s linear infinite;}\n@keyframes shimmerFlow2{0%{background-position:100% 0}100%{background-position:-100% 0}}\n.hero-h1-line3{display:block;color:var(--white);}\n\n.hero-lead{max-width:480px;font-size:15.5px;color:rgba(219,234,254,.72);line-height:1.9;margin:26px 0 36px;animation:fadein .9s .65s both;}\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;animation:fadein .9s .8s both;}\n.hero-stats{display:flex;gap:0;border-top:1px solid rgba(147,197,253,.12);padding-top:32px;animation:fadein .9s .95s both;}\n.h-stat{padding-right:36px;margin-right:36px;border-right:1px solid rgba(147,197,253,.1);}\n.h-stat:last-child{border-right:none;margin-right:0;padding-right:0;}\n.h-stat-n{display:block;font-family:var(--display);font-size:34px;color:var(--white);line-height:1;}\n.h-stat-l{display:block;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(147,197,253,.42);margin-top:5px;}\n\n\n.hero-right{position:relative;display:flex;align-items:center;justify-content:center;animation:fadein 1s .5s both;}\n\n\n.hero-right::before{\n  content:'';\n  position:absolute;\n  width:920px;\n  height:580px;\n  border-radius:50%;\n  background:radial-gradient(ellipse at 50% 55%,\n    rgba(99,179,255,.75) 0%,\n    rgba(59,130,246,.6) 18%,\n    rgba(30,64,175,.42) 38%,\n    rgba(15,40,120,.2) 58%,\n    transparent 78%);\n  filter:blur(48px);\n  pointer-events:none;\n  z-index:0;\n}\n\n\n.hc{position:absolute;width:48px;height:48px;pointer-events:none;z-index:6;}\n.hc-tl{top:6px;left:6px;border-top:2px solid rgba(147,197,253,.5);border-left:2px solid rgba(147,197,253,.5);}\n.hc-tr{top:6px;right:6px;border-top:2px solid rgba(147,197,253,.5);border-right:2px solid rgba(147,197,253,.5);}\n.hc-bl{bottom:6px;left:6px;border-bottom:2px solid rgba(147,197,253,.5);border-left:2px solid rgba(147,197,253,.5);}\n.hc-br{bottom:6px;right:6px;border-bottom:2px solid rgba(147,197,253,.5);border-right:2px solid rgba(147,197,253,.5);}\n\n\n.hero-ffp-img{width:60%;max-width:344px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 24px 60px rgba(59,130,246,.25)) drop-shadow(0 8px 24px rgba(0,0,0,.6));animation:none;transform:none;}\n\n\n.hero-spec-card{position:absolute;background:rgba(7,26,61,.88);border:1px solid rgba(147,197,253,.22);border-radius:10px;padding:10px 14px;backdrop-filter:blur(16px);z-index:5;animation:specFloat 3.5s ease-in-out infinite alternate;}\n.hero-spec-card:nth-child(2){animation-delay:.4s;}\n.hero-spec-card:nth-child(3){animation-delay:.9s;}\n.hero-spec-card:nth-child(4){animation-delay:1.4s;}\n@keyframes specFloat{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}\n.hsc-label{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(147,197,253,.5);display:block;}\n.hsc-val{font-size:13px;font-weight:700;color:var(--white);font-family:var(--display);display:block;margin-top:2px;}\n.hsc-cap{bottom:16%;left:-8%;}\n.hsc-mat{top:12%;right:-6%;}\n.hsc-weld{bottom:8%;right:4%;}\n\n@keyframes fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n\n\n.hero-scroll-cue{position:absolute;bottom:38px;left:56px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(147,197,253,.4);z-index:2;animation:fadein .8s 1.3s both;}\n.hero-scroll-line{width:56px;height:1px;background:linear-gradient(90deg,rgba(147,197,253,.45),transparent);}\n\n\n@media(max-width:960px){.hero-inner{grid-template-columns:1fr;gap:48px;padding-top:110px;}.hero-right{max-width:420px;margin:0 auto;}.hero-left{align-items:center;text-align:center;}.hero-lead{text-align:center;}.hero-stats{flex-wrap:wrap;gap:20px;}.h-stat{border-right:none;margin-right:0;padding-right:0;}}\n@media(max-width:640px){.hero-inner{padding:90px 28px 80px;}.h-stat{width:45%;}.hero-scroll-cue{left:28px;}}\n\n.btn-fill{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 28px rgba(59,130,246,.38);transition:all .25s var(--ease);text-decoration:none;}\n.btn-fill:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 14px 36px rgba(30,64,175,.5);}\n.btn-line{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:999px;border:1px solid rgba(147,197,253,.3);color:var(--sky);font-size:13px;font-weight:600;backdrop-filter:blur(8px);transition:all .25s var(--ease);text-decoration:none;}\n.btn-line:hover{border-color:var(--sky);background:rgba(147,197,253,.08);transform:translateY(-2px);}\n\n.hero-swirl{\n  position:absolute;\n  width:140%;\n  height:140%;\n  top:-20%;\n  left:-20%;\n  z-index:1;\n  pointer-events:none;\n  overflow:visible;\n}\n\n\n\n#ffn-widget #hero .hero-swirl path.sw{fill:none;stroke-linecap:round;stroke-dasharray:280 220;animation:none!important;}\n#ffn-widget #hero .hero-swirl path.sw1{stroke:rgba(147,197,253,.60);stroke-width:1.6;}\n#ffn-widget #hero .hero-swirl path.sw2{stroke:rgba(59,130,246,.48);stroke-width:1.2;}\n#ffn-widget #hero .hero-swirl path.sw3{stroke:rgba(99,179,255,.36);stroke-width:1.0;}\n#ffn-widget #hero .hero-swirl path.sw4{stroke:rgba(186,230,253,.28);stroke-width:0.8;}\n\n\n#hero .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}\n#hero .hero-left,#hero .hero-right{min-width:0;}\n#hero .hero-right{width:100%;min-height:360px;}\n#hero .hero-ffp-img{width:100%;max-width:580px;object-fit:contain;animation:none;transform:none;}\n#hero .hero-h1-line3{font-family:var(--body);font-size:14px;line-height:1.7;font-weight:400;letter-spacing:.02em;color:var(--sky);margin-top:24px;}\n#hero .hero-actions{margin-bottom:0;}\n#hero .hero-badge,#hero .hero-badge-dot,#hero .hero-h1,#hero .hero-h1-line2,#hero .hero-lead,#hero .hero-actions,#hero .hero-right,#hero .hero-scroll-cue,#hero .hero-blob,#hero::after{animation:none;}\n#hero .hero-scroll-cue{bottom:32px;}\n#hero .btn-fill:focus-visible,#hero .btn-line:focus-visible{outline:2px solid #fff;outline-offset:5px;}\n@media(max-width:960px){\n #hero .hero-inner{grid-template-columns:minmax(0,1fr);gap:40px;}\n #hero .hero-right{max-width:560px;min-height:260px;}\n #hero .hero-actions{justify-content:center;}\n}\n@media(max-width:640px){\n #hero{min-height:100svh;}\n #hero .hero-inner{padding:90px 24px 90px;gap:28px;}\n #hero .hero-right{min-height:220px;}\n #hero .hero-right::before{width:150%;height:360px;}\n #hero .hero-badge{font-size:10px;letter-spacing:1px;}\n}\n@media(prefers-reduced-motion:reduce){#hero button{transition:none;}}\n\n\n#ffn-widget #hero .hero-ffp-img{max-height:420px;width:75%;object-fit:contain;}\n@media(max-width:640px){#ffn-widget #hero .hero-ffp-img{max-height:270px;}}\n\n\/* WAVE DIVIDER *\/\n.wave-div{position:relative;z-index:5;line-height:0;display:block;overflow:hidden;}\n.wave-div svg{display:block;width:100%;}\n\n\/* INTRO *\/\n#intro{background:var(--white);padding:100px 0 90px;overflow:hidden;position:relative;}\n#intro::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);}\n\n.intro-grid{display:grid;grid-template-columns:1fr;gap:80px;align-items:start;max-width:820px;margin:0 auto;}\n@media(max-width:900px){.intro-grid{gap:48px;}}\n\n.sec-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;line-height:1.12;color:var(--navy);letter-spacing:-.02em;margin-bottom:20px;}\n.sec-h2 em{font-style:italic;color:var(--blue);}\n.sec-p{font-size:14.5px;color:var(--muted);line-height:1.85;margin-bottom:14px;}\n\n.pull-quote{margin:28px 0;padding:22px 26px;background:var(--soft-blue);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;transition:transform .55s var(--ease-out),box-shadow .55s var(--ease-out),border-left-width .35s var(--ease-out);}\n.pull-quote:hover{transform:translateX(4px);box-shadow:0 12px 32px rgba(30,64,175,.10);border-left-width:5px;}\n.pull-quote p{font-family:var(--display);font-size:16px;font-style:italic;color:var(--deep-blue);line-height:1.65;margin:0;}\n\n.feat-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;}\n.feat-item{display:flex;align-items:flex-start;gap:14px;transition:transform .5s var(--ease-out);}\n.feat-item:hover{transform:translateX(4px);}\n.feat-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--soft-blue);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .5s var(--ease-out),border-color .5s var(--ease-out),transform .5s var(--ease-back),box-shadow .5s var(--ease-out);}\n.feat-item:hover .feat-icon{background:var(--blue);border-color:var(--blue);transform:rotate(-8deg) scale(1.08);box-shadow:0 10px 24px rgba(59,130,246,.32);}\n.feat-icon svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s var(--ease-out);}\n.feat-item:hover .feat-icon svg{stroke:#fff;}\n.feat-body h4{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px;}\n.feat-body p{font-size:12.5px;color:var(--muted);line-height:1.6;}\n\n\/* MATERIALS *\/\n#materials{background:var(--navy-2);padding:100px 0;overflow:hidden;position:relative;}\n#materials::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 10% 50%,rgba(59,130,246,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 90% 40%,rgba(30,64,175,.08) 0%,transparent 55%);pointer-events:none;}\n\n.mat-header{text-align:center;margin-bottom:56px;}\n.mat-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--white);line-height:1.12;letter-spacing:-.02em;margin-bottom:12px;}\n.mat-h2 em{font-style:italic;background:linear-gradient(90deg,var(--sky),#bfdbfe,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;}\n@keyframes shimmer{0%{background-position:0% 0}100%{background-position:200% 0}}\n.mat-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:560px;margin:0 auto;line-height:1.8;}\n\n.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\n@media(max-width:768px){.mat-grid{grid-template-columns:1fr;}}\n\n.mat-card{background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.12);border-radius:20px;overflow:hidden;transition:border-color .6s var(--ease-out),transform .7s var(--ease-out),box-shadow .6s var(--ease-out),background .6s var(--ease-out);}\n.mat-card:hover{border-color:rgba(147,197,253,.42);background:rgba(255,255,255,.06);transform:translateY(-8px);box-shadow:0 32px 80px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.14);}\n.mat-card-head{padding:28px 32px 22px;background:linear-gradient(135deg,rgba(7,26,61,.8) 0%,rgba(30,64,175,.4) 100%);border-bottom:1px solid rgba(147,197,253,.1);position:relative;overflow:hidden;}\n.mat-card-head::after{content:'';position:absolute;bottom:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.03);}\n.mat-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);background:rgba(147,197,253,.12);border:1px solid rgba(147,197,253,.2);border-radius:999px;padding:3px 12px;margin-bottom:10px;}\n.mat-card-title{font-family:var(--display);font-size:24px;font-weight:400;color:#fff;line-height:1.15;position:relative;z-index:1;}\n.mat-grade{font-size:11px;color:rgba(147,197,253,.5);margin-top:5px;position:relative;z-index:1;}\n\n.mat-body{padding:28px 32px;}\n\n.spec-bar-row{margin-bottom:18px;}\n.spec-bar-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px;}\n.spec-bar-label span:first-child{color:rgba(147,197,253,.45);font-weight:600;letter-spacing:.08em;text-transform:uppercase;}\n.spec-bar-label span:last-child{color:rgba(200,220,255,.7);font-weight:700;}\n.spec-bar-bg{height:4px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;}\n.spec-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--deep-blue),var(--blue),var(--sky));background-size:200% 100%;width:0;transition:width 1.5s var(--ease-out);box-shadow:0 0 12px rgba(59,130,246,.35);animation:barShine 4s linear infinite;}\n@keyframes barShine{0%{background-position:200% 0}100%{background-position:-200% 0}}\n\n.mat-chips{display:flex;flex-wrap:wrap;gap:7px;padding-top:20px;border-top:1px solid rgba(147,197,253,.07);}\n.mat-chip{font-size:10px;font-weight:600;letter-spacing:.04em;color:rgba(147,197,253,.65);background:rgba(147,197,253,.07);border:1px solid rgba(147,197,253,.14);border-radius:999px;padding:4px 12px;transition:transform .4s var(--ease-back),background .4s var(--ease-out),color .4s var(--ease-out),border-color .4s var(--ease-out);}\n.mat-chip:hover{transform:translateY(-2px);background:rgba(147,197,253,.16);border-color:rgba(147,197,253,.32);color:rgba(219,234,254,.92);}\n\n\/* SURFACE TREATMENT *\/\n#surface{background:var(--ice);padding:100px 0;overflow:hidden;position:relative;}\n#surface::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);}\n\n.surf-header{margin-bottom:60px;}\n.surf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n@media(max-width:900px){.surf-grid{grid-template-columns:1fr 1fr;}}\n@media(max-width:580px){.surf-grid{grid-template-columns:1fr;}}\n\n.surf-card{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .65s var(--ease-out),box-shadow .6s var(--ease-out),border-color .6s var(--ease-out);position:relative;}\n.surf-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .75s var(--ease-out);z-index:2;}\n.surf-card:hover{transform:translateY(-10px);box-shadow:0 34px 88px rgba(30,64,175,.22);border-color:rgba(147,197,253,.7);}\n.surf-card:hover::before{transform:scaleX(1);}\n\n.surf-finish{height:86px;position:relative;overflow:hidden;}\n.finish-s{background:linear-gradient(160deg,#a8b0bc 0%,#dde2ea 30%,#edf0f4 50%,#c8cdd8 70%,#8e98a8 100%);}\n.finish-g{background:linear-gradient(160deg,#2d3444 0%,#4e5a6e 30%,#5d6b82 50%,#3d4a5e 70%,#1e2535 100%);}\n.finish-b{background:linear-gradient(160deg,#080c14 0%,#131c2c 30%,#1a2438 50%,#0e1620 70%,#060910 100%);}\n.finish-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.14) 50%,transparent 80%);transform:translateX(-100%);transition:transform .9s var(--ease-out);}\n.surf-card:hover .finish-sheen{transform:translateX(100%);}\n\n.surf-body{padding:24px 26px;}\n.surf-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;}\n.surf-desc{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:18px;}\n.surf-attrs{display:flex;flex-direction:column;gap:7px;}\n.surf-attr{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);}\n.surf-attr svg{width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}\n\n\/* PROCESS \u2014 vertical alternating timeline *\/\n#process{background:var(--navy-2);padding:100px 0 120px;overflow:hidden;position:relative;}\n#process::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(30,64,175,.1) 0%,transparent 60%);pointer-events:none;}\n\n.proc-header{text-align:center;margin-bottom:80px;}\n.proc-h2{font-family:var(--display);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--white);line-height:1.12;letter-spacing:-.02em;margin-bottom:12px;}\n.proc-h2 em{font-style:italic;background:linear-gradient(90deg,var(--sky),#bfdbfe,var(--sky));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;}\n.proc-sub{font-size:14px;color:rgba(147,197,253,.55);max-width:540px;margin:0 auto;line-height:1.8;}\n\n.timeline{position:relative;max-width:960px;margin:0 auto;}\n.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(147,197,253,.3) 5%,rgba(147,197,253,.3) 95%,transparent 100%);}\n\n.tl-step{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:start;margin-bottom:64px;position:relative;}\n.tl-step:last-child{margin-bottom:0;}\n\n.tl-center{display:flex;flex-direction:column;align-items:center;padding-top:28px;position:relative;z-index:2;}\n.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--navy-2);border:2px solid rgba(147,197,253,.4);position:relative;flex-shrink:0;transition:background .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .5s var(--ease-out),transform .5s var(--ease-back);}\n.tl-dot::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:rgba(59,130,246,.12);opacity:0;transition:opacity .4s;}\n.tl-step.visible .tl-dot{border-color:var(--blue);background:var(--blue);box-shadow:0 0 16px rgba(59,130,246,.5);transform:scale(1.08);}\n.tl-step.visible .tl-dot::after{opacity:1;}\n\n.tl-card{background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.1);border-radius:18px;padding:28px 30px;position:relative;overflow:hidden;transition:transform .6s var(--ease-out),box-shadow .55s var(--ease-out),border-color .55s var(--ease-out);border-top:2px solid rgba(147,197,253,.15);}\n.tl-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .5s var(--ease-out);border-radius:18px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,0));pointer-events:none;}\n.tl-card:hover{border-color:rgba(147,197,253,.35);transform:translateY(-6px);box-shadow:0 28px 72px rgba(0,0,0,.4),0 0 32px rgba(59,130,246,.10);}\n.tl-card:hover::before{opacity:1;}\n\n.tl-ghost{position:absolute;right:-8px;bottom:-14px;font-family:var(--display);font-size:110px;font-weight:400;color:rgba(147,197,253,.03);line-height:1;user-select:none;pointer-events:none;}\n\n.tl-step[data-step=\"1\"]  .tl-card{border-top-color:#3b82f6;}\n.tl-step[data-step=\"2\"]  .tl-card{border-top-color:#6366f1;}\n.tl-step[data-step=\"3\"]  .tl-card{border-top-color:#8b5cf6;}\n.tl-step[data-step=\"4\"]  .tl-card{border-top-color:#06b6d4;}\n.tl-step[data-step=\"5\"]  .tl-card{border-top-color:#14b8a6;}\n.tl-step[data-step=\"6\"]  .tl-card{border-top-color:#22d3ee;}\n.tl-step[data-step=\"7\"]  .tl-card{border-top-color:#a78bfa;}\n.tl-step[data-step=\"8\"]  .tl-card{border-top-color:#f59e0b;}\n.tl-step[data-step=\"9\"]  .tl-card{border-top-color:#34d399;}\n.tl-step[data-step=\"10\"] .tl-card{border-top-color:#f43f5e;}\n.tl-step[data-step=\"11\"] .tl-card{border-top-color:#fb923c;}\n.tl-step[data-step=\"12\"] .tl-card{border-top-color:#4ade80;}\n\n.tl-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\n.tl-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:rgba(147,197,253,.7);background:rgba(147,197,253,.1);border:1px solid rgba(147,197,253,.2);flex-shrink:0;}\n.tl-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(147,197,253,.38);}\n.tl-title{font-family:var(--display);font-size:18px;font-weight:400;color:#f0f5ff;line-height:1.25;margin-bottom:10px;}\n\n\/* divider line now draws in when its step becomes visible *\/\n.tl-divider{height:1px;background:rgba(147,197,253,.14);margin-bottom:10px;}\n.tl-divider{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out) .25s;}\n.tl-step.visible .tl-divider{transform:scaleX(1);}\n\n.tl-desc{font-size:13px;color:rgba(147,197,253,.52);line-height:1.75;}\n\n\/* even steps: card in right column *\/\n.tl-step:nth-child(even) .tl-card-wrap{grid-column:3;}\n.tl-step:nth-child(even) .tl-ghost{left:-8px;right:auto;}\n\n.tl-card-wrap{opacity:0;transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);}\n.tl-step:nth-child(odd)  .tl-card-wrap{transform:translateX(32px);}\n.tl-step:nth-child(even) .tl-card-wrap{transform:translateX(-32px);}\n.tl-step.visible .tl-card-wrap{opacity:1;transform:translateX(0);}\n\n@media(max-width:768px){\n  .timeline::before{left:20px;}\n  .tl-step{grid-template-columns:40px 1fr;}\n  .tl-center{padding-top:30px;grid-column:1;grid-row:1;}   \/* fix: pin the dot so odd steps don't push it below the card *\/\n  .tl-step .tl-card-wrap,\n  .tl-step:nth-child(even) .tl-card-wrap{grid-column:2;grid-row:1;}\n  .tl-step .tl-card-wrap,\n  .tl-step:nth-child(even) .tl-card-wrap{transform:translateX(20px);}\n  .tl-step.visible .tl-card-wrap{transform:translateX(0);}\n  .tl-ghost{font-size:80px;}\n}\n\n\/* REDUCED MOTION \u2014 only stops the infinite ambient loops.\n   The previous version nuked EVERY animation\/transition with .01ms, so any\n   desktop OS with animation effects disabled (common Windows accessibility\n   setting) rendered the page completely static. Entrance reveals stay on. *\/\n@media(prefers-reduced-motion:reduce){\n  .top-bar,.eyebrow-line,.hero-scroll-line,\n  .hero-img img.glow,.hero-img.mid-front,\n  .mat-h2 em,.proc-h2 em,.spec-bar-fill{animation:none!important;}\n}\n<\/style>\n\n<div id=\"ffn-widget\">\n\n<div class=\"top-bar\"><\/div>\n<div id=\"cursor-glow\" aria-hidden=\"true\"><\/div>\n\n<section id=\"hero\">\n<div class=\"hero-blob hero-blob-1\" aria-hidden=\"true\"><\/div>\n<div class=\"hero-blob hero-blob-2\" aria-hidden=\"true\"><\/div>\n<div class=\"hero-inner\">\n  <div class=\"hero-left\">\n    <div class=\"hero-badge\"><span class=\"hero-badge-dot\"><\/span>Fuel Filler Pipe \u00b7 Automotive OEM<\/div>\n    <h1 class=\"hero-h1\">\n      <span class=\"hero-h1-line1\">Fuel Filler<\/span>\n      <span class=\"hero-h1-line2\">Pipe.<\/span>\n      <span class=\"hero-h1-line3\">Precision-Formed Fuel Filler Neck Assembly<\/span>\n    <\/h1>\n    <p class=\"hero-lead\">\n      Precision-formed STKM 11A steel assemblies &mdash; bent, brazed, dual leak-tested and surface-treated for demanding automotive OEM programs.\n    <\/p>\n    <div class=\"hero-actions\">\n      <a class=\"btn-fill\" href=\"#materials\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        Explore Specifications\n      <\/a>\n      <a class=\"btn-line\" href=\"#process\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\n        View Process\n      <\/a>\n    <\/div>\n  <\/div>\n\n    <div class=\"hero-right\">\n      \n      <svg class=\"hero-swirl\" viewBox=\"-110 -90 800 680\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        \n        <path pathLength=\"1000\" class=\"sw sw1\" d=\"M -110,100 C 40,-60 180,20 290,160 C 400,300 500,420 690,380\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"7s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\n        \n        <path pathLength=\"1000\" class=\"sw sw2\" d=\"M -110,440 C 60,560 200,400 290,280 C 380,160 510,80 690,110\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"9s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\n        \n        <path pathLength=\"1000\" class=\"sw sw3\" d=\"M 210,-90 C 520,-60 620,160 540,310 C 460,460 310,570 90,570\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"11s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\n        \n        <path pathLength=\"1000\" class=\"sw sw4\" d=\"M 690,50 C 540,-30 400,60 310,190 C 220,320 250,460 400,540\"><animate attributeName=\"stroke-dashoffset\" from=\"0\" to=\"-1000\" dur=\"6s\" begin=\"0s\" repeatCount=\"indefinite\"\/><\/path>\n      <\/svg>\n      \n      <img\n        src=\"http:\/\/uisb.com\/uig\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-10-2026-09_18_29-AM.png\"\n        alt=\"Fuel filler pipe \u2014 precision-formed STKM 11A steel assembly\"\n        class=\"hero-ffp-img\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n<\/div>\n<div class=\"hero-scroll-cue\" aria-hidden=\"true\"><span class=\"hero-scroll-line\"><\/span>Scroll to explore<\/div>\n<\/section>\n\n<section id=\"intro\">\n  <div class=\"wrap\">\n    <div class=\"intro-grid\">\n      <div>\n        <div class=\"eyebrow sr\"><span class=\"eyebrow-line\"><\/span>Product Overview<\/div>\n        <h2 class=\"sec-h2 sr\" data-d=\"1\">Engineered for <em>Demanding<\/em> Environments<\/h2>\n        <p class=\"sec-p sr\" data-d=\"2\">\n          Our fuel filler neck is made from STKM 11A, a low-carbon steel tube known for its strength, durability, and manufacturability. It offers reliable mechanical\n          performance while remaining ductile enough for bending and forming into complex shapes, and its low carbon content makes it easy to weld and machine, supporting\n          precise manufacturing.\n        <\/p>\n        <div class=\"pull-quote sr\" data-d=\"3\">\n          <p>\"STKM 11A's tensile strength of 290&ndash;390 MPa ensures dependable performance, structural integrity, and long service life under normal operating conditions,\n          making it well-suited for fuel filler neck applications.\"<\/p>\n        <\/div>\n        <div class=\"feat-list\">\n          <div class=\"feat-item sr\" data-d=\"2\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>Dual Leak Testing<\/h4>\n              <p>Tested before and after coating &mdash; zero-pinhole integrity at every stage.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item sr\" data-d=\"3\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>CNC Precision Bending<\/h4>\n              <p>Complex geometries formed to exact angles and radii with verified tolerances.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item sr\" data-d=\"4\">\n            <div class=\"feat-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-body\">\n              <h4>Automotive OEM Compliance<\/h4>\n              <p>Manufacturing processes aligned to automotive industry quality standards.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:#ffffff;\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,56 C240,0 480,56 720,28 C960,0 1200,56 1440,20 L1440,56 L0,56 Z\" fill=\"var(--navy-2)\"\/>\n  <\/svg>\n<\/div>\n\n<section id=\"materials\">\n  <div class=\"wrap\">\n    <div class=\"mat-header\">\n      <div class=\"eyebrow eyebrow-dark sr\" style=\"margin:0 auto 16px;\"><span class=\"eyebrow-line\"><\/span>Technical Specifications<\/div>\n      <h2 class=\"mat-h2 sr\" data-d=\"1\">Engineering Grade <em>Materials<\/em><\/h2>\n      <p class=\"mat-sub sr\" data-d=\"2\">Two pipe categories &mdash; each with distinct dimensional ranges and material variants, engineered for their specific role in the assembly.<\/p>\n    <\/div>\n    <div class=\"mat-grid\">\n      <div class=\"mat-card sr-l\" data-d=\"1\">\n        <div class=\"mat-card-head\">\n          <div class=\"mat-tag\">Primary Component<\/div>\n          <div class=\"mat-card-title\">Main Filler Neck Pipe<\/div>\n          <div class=\"mat-grade\">STKM 11A &mdash; JIS G3445 Low-Carbon Steel Tube<\/div>\n        <\/div>\n        <div class=\"mat-body\">\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Tensile Range<\/span><span>290&ndash;390 MPa<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"82\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Weldability<\/span><span>Superior<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"95\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Ductility<\/span><span>Excellent<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"90\"><\/div><\/div><\/div>\n          <div class=\"mat-chips\">\n            <span class=\"mat-chip\">Low Carbon &lt;0.12%<\/span>\n            <span class=\"mat-chip\">CNC Bending Ready<\/span>\n            <span class=\"mat-chip\">Superior Weldability<\/span>\n            <span class=\"mat-chip\">High Ductility<\/span>\n            <span class=\"mat-chip\">Precision Formable<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mat-card sr-r\" data-d=\"1\">\n        <div class=\"mat-card-head\" style=\"background:linear-gradient(135deg,rgba(5,20,55,.8),rgba(30,64,175,.45) 140%);\">\n          <div class=\"mat-tag\">Secondary Component<\/div>\n          <div class=\"mat-card-title\">Levelling Vent Pipe<\/div>\n          <div class=\"mat-grade\">Carbon Steel &mdash; Plain, Galvanized &amp; Nickel-Coated<\/div>\n        <\/div>\n        <div class=\"mat-body\">\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Length Coverage<\/span><span>650&ndash;1,180 mm<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"86\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Corrosion Protection<\/span><span>High<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"88\"><\/div><\/div><\/div>\n          <div class=\"spec-bar-row\"><div class=\"spec-bar-label\"><span>Joint Integrity<\/span><span>Brazed Seal<\/span><\/div><div class=\"spec-bar-bg\"><div class=\"spec-bar-fill\" data-w=\"100\"><\/div><\/div><\/div>\n          <div class=\"mat-chips\">\n            <span class=\"mat-chip\">Plain Carbon Steel<\/span>\n            <span class=\"mat-chip\">Galvanized<\/span>\n            <span class=\"mat-chip\">Nickel-Coated<\/span>\n            <span class=\"mat-chip\">Brazed Joint<\/span>\n            <span class=\"mat-chip\">Leak-Proof<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:var(--navy-2);\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,28 C360,0 1080,56 1440,28 L1440,56 L0,56 Z\" fill=\"var(--ice)\"\/>\n  <\/svg>\n<\/div>\n\n<section id=\"surface\">\n  <div class=\"wrap\">\n    <div class=\"surf-header\">\n      <div class=\"eyebrow sr\"><span class=\"eyebrow-line\"><\/span>Variants<\/div>\n      <h2 class=\"sec-h2 sr\" data-d=\"1\">Premium Surface <em>Treatments<\/em><\/h2>\n      <p class=\"sec-p sr\" data-d=\"2\" style=\"max-width:580px;\">High-quality coating and plating processes delivering exceptional corrosion resistance, durability and an attractive finish &mdash; performed by certified partners to automotive standards.<\/p>\n    <\/div>\n    <div class=\"surf-grid\">\n      <div class=\"surf-card sr-s\" data-d=\"1\">\n        <div class=\"surf-finish finish-s\" aria-label=\"Silver finish\" role=\"img\"><div class=\"finish-sheen\" aria-hidden=\"true\"><\/div><\/div>\n        <div class=\"surf-body\">\n          <div class=\"surf-title\">Silver Finish<\/div>\n          <div class=\"surf-desc\">Bright silver plating delivering a premium metallic appearance with outstanding corrosion protection. Ideal for components requiring high reflectivity and a clean factory aesthetic throughout the product lifecycle.<\/div>\n          <div class=\"surf-attrs\">\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Excellent corrosion resistance<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Automotive OEM approved<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>Long-term surface durability<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"surf-card sr-s\" data-d=\"2\">\n        <div class=\"surf-finish finish-g\" aria-label=\"Metallic grey finish\" role=\"img\"><div class=\"finish-sheen\" aria-hidden=\"true\"><\/div><\/div>\n        <div class=\"surf-body\">\n          <div class=\"surf-title\">Metallic Grey<\/div>\n          <div class=\"surf-desc\">Sophisticated dark metallic grey coating offering a contemporary industrial aesthetic. Provides superior protection against moisture, rust and harsh chemical environments in underbody automotive applications.<\/div>\n          <div class=\"surf-attrs\">\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Chemical &amp; moisture resistant<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Industrial grade durability<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg>Uniform application quality<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"surf-card sr-s\" data-d=\"3\">\n        <div class=\"surf-finish finish-b\" aria-label=\"Black finish\" role=\"img\"><div class=\"finish-sheen\" aria-hidden=\"true\"><\/div><\/div>\n        <div class=\"surf-body\">\n          <div class=\"surf-title\">Black Painted<\/div>\n          <div class=\"surf-desc\">Premium matte-to-gloss black finish combining aesthetic refinement with superior environmental protection. Maximum UV resistance maintains consistent appearance under demanding automotive operating conditions.<\/div>\n          <div class=\"surf-attrs\">\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg>UV &amp; heat resistant<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Rust &amp; moisture protection<\/div>\n            <div class=\"surf-attr\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>Premium appearance retention<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wave-div\" style=\"background:var(--ice);\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0,56 C360,0 1080,56 1440,28 L1440,0 L0,0 Z\" fill=\"var(--ice)\"\/>\n    <path d=\"M0,56 C360,0 1080,56 1440,28 L1440,56 L0,56 Z\" fill=\"var(--navy-2)\"\/>\n  <\/svg>\n<\/div>\n\n<section id=\"process\">\n  <div class=\"wrap\">\n    <div class=\"proc-header\">\n      <div class=\"eyebrow eyebrow-dark sr\" style=\"margin:0 auto 16px;\"><span class=\"eyebrow-line\"><\/span>Manufacturing Excellence<\/div>\n      <h2 class=\"proc-h2 sr\" data-d=\"1\">12-Stage Production <em>Process<\/em><\/h2>\n      <p class=\"proc-sub sr\" data-d=\"2\">From raw steel tube to finished, tested and packaged component &mdash; every stage is monitored for dimensional accuracy, weld integrity and surface quality.<\/p>\n    <\/div>\n    <div class=\"timeline\" id=\"timeline\">\n\n      <div class=\"tl-step\" data-step=\"1\">\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">01<\/div><div class=\"tl-tag\">Forming Stage<\/div><\/div>\n            <div class=\"tl-title\">Bending<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Shaping the tube into a specific angle and radius using a CNC tube bending machine, with dimensions checked against design specifications.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div><\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"2\">\n        <div><\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">02<\/div><div class=\"tl-tag\">Forming Stage<\/div><\/div>\n            <div class=\"tl-title\">Expansion<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Enlarging the tube's diameter at one end using a hydraulic tube expansion machine, so it fits the fuel cap housing or\n            connecting hose. The expanded end is inspected for correct dimensions and a smooth surface finish.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"3\">\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">03<\/div><div class=\"tl-tag\">Forming Stage<\/div><\/div>\n            <div class=\"tl-title\">Cutting<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Trimming the steel tube to the required length using a tube cutting machine, according to design specifications.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div><\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"4\">\n        <div><\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">04<\/div><div class=\"tl-tag\">Forming Stage<\/div><\/div>\n            <div class=\"tl-title\">Forming<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Shaping both ends of the tube using a hydraulic end-forming machine, creating the required\n            geometry for the fuel cap housing and hose connection.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"5\">\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">05<\/div><div class=\"tl-tag\">Forming Stage<\/div><\/div>\n            <div class=\"tl-title\">Piercing<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Punching a hole in the steel tube using a piercing machine, according to design specifications\n            for the vent tube connection. The hole is then inspected and deburred before moving to the next process.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div><\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"6\">\n        <div><\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">06<\/div><div class=\"tl-tag\">Joining Stage<\/div><\/div>\n            <div class=\"tl-title\">Brazing<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Joining the levelling vent pipe to the main filler neck with a brazed seal, producing a\n            permanent, leak-proof connection between the two components.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"7\">\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">07<\/div><div class=\"tl-tag\">Quality Stage<\/div><\/div>\n            <div class=\"tl-title\">First Leak Test<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Verifying braze and tube integrity before surface treatment &mdash; the component is checked\n            for leakage and surface pinholes so defects are caught before coating cost is added.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div><\/div>\n      <\/div>\n\n      <div class=\"tl-step\" data-step=\"8\">\n        <div><\/div>\n        <div class=\"tl-center\"><div class=\"tl-dot\"><\/div><\/div>\n        <div class=\"tl-card-wrap\">\n          <div class=\"tl-card\">\n            <div class=\"tl-ghost\">UIG<\/div>\n            <div class=\"tl-step-head\"><div class=\"tl-num\">08<\/div><div class=\"tl-tag\">Finishing Stage<\/div><\/div>\n            <div class=\"tl-title\">Coating<\/div>\n            <div class=\"tl-divider\"><\/div>\n            <div class=\"tl-desc\">Applying a protective layer to the fuel filler neck to improve corrosion resistance and\n            surface durability. After curing, the finished surface is inspected for quality and uniformity.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\n(function(){\n\n  \/* \u2500\u2500 cursor glow (guarded; fades in on first mouse move) \u2500\u2500 *\/\n  var glow = document.getElementById('cursor-glow');\n  if(glow){\n    document.addEventListener('mousemove', function(e){\n      glow.classList.add('on');\n      glow.style.left = e.clientX+'px';\n      glow.style.top  = e.clientY+'px';\n    }, {passive:true});\n  }\n\n  var hasIO = 'IntersectionObserver' in window;\n\n  \/* \u2500\u2500 scroll reveals \u2500\u2500\n     rootMargin fires reveals slightly before the element enters,\n     so nothing pops in \"late\" while scrolling fast *\/\n  var srEls = document.querySelectorAll('.sr,.sr-l,.sr-r,.sr-s');\n  if(hasIO){\n    var srObs = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('up'); srObs.unobserve(e.target); }\n      });\n    }, {threshold:.12, rootMargin:'0px 0px -8% 0px'});\n    srEls.forEach(function(el){ srObs.observe(el); });\n  } else {\n    srEls.forEach(function(el){ el.classList.add('up'); });\n  }\n\n  \/* \u2500\u2500 spec bars (staggered per card) \u2500\u2500 *\/\n  var bars = document.querySelectorAll('.spec-bar-fill[data-w]');\n  if(hasIO){\n    var barObs = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){\n          var el = e.target;\n          var w = el.getAttribute('data-w');\n          var card = el.closest('.mat-body');\n          var idx = card ? Array.prototype.indexOf.call(card.querySelectorAll('.spec-bar-fill'), el) : 0;\n          setTimeout(function(){ el.style.width = w+'%'; }, 250 + idx*160);\n          barObs.unobserve(el);\n        }\n      });\n    }, {threshold:.3});\n    bars.forEach(function(b){ barObs.observe(b); });\n  } else {\n    bars.forEach(function(b){ b.style.width = b.getAttribute('data-w')+'%'; });\n  }\n\n  \/* \u2500\u2500 timeline steps \u2500\u2500 *\/\n  var steps = document.querySelectorAll('.tl-step');\n  if(hasIO){\n    var stepObs = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('visible'); stepObs.unobserve(e.target); }\n      });\n    }, {threshold:.2, rootMargin:'0px 0px -6% 0px'});\n    steps.forEach(function(s){ stepObs.observe(s); });\n  } else {\n    steps.forEach(function(s){ s.classList.add('visible'); });\n  }\n\n  \/* \u2500\u2500 pause hero ambient loops when the hero is scrolled away \u2500\u2500 *\/\n  var hero = document.getElementById('hero');\n  if(hero && hasIO){\n    new IntersectionObserver(function(en){\n      hero.classList.toggle('is-off', !en[0].isIntersecting);\n    }, {threshold:0}).observe(hero);\n  }\n\n  \/* \u2500\u2500 page nav rail \u2500\u2500 *\/\n  var SECTIONS = [\n    {id:'hero',      label:'Overview'},\n    {id:'intro',     label:'Introduction'},\n    {id:'materials', label:'Materials'},\n    {id:'surface',   label:'Treatment'},\n    {id:'process',   label:'Process'}\n  ];\n\n  var styleTag = document.createElement('style');\n  styleTag.textContent = [\n    '.page-nav-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:99999;pointer-events:auto;}',\n    '.page-nav-pip{width:4px;height:22px;border-radius:3px;background:rgba(147,197,253,.38);cursor:pointer;border:none;padding:0;transition:height .32s cubic-bezier(.22,1,.36,1),background .32s ease,box-shadow .32s ease;position:relative;}',\n    '.page-nav-pip:hover{background:#3b82f6;height:30px;}',\n    '.page-nav-pip.active{background:#1e40af;height:40px;box-shadow:0 0 14px rgba(30,64,175,.5);}',\n    '.page-nav-pip::after{content:attr(data-label);position:fixed;right:38px;transform:translateY(-50%);background:rgba(7,26,61,.92);color:#fff;font-family:\"Space Grotesk\",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 12px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease;box-shadow:0 4px 16px rgba(7,26,61,.25);}',\n    '.page-nav-pip:hover::after{opacity:1;}',\n    '@media(max-width:1100px){.page-nav-rail{display:none;}}'\n  ].join('');\n  document.head.appendChild(styleTag);\n\n  var rail = document.createElement('nav');\n  rail.className = 'page-nav-rail';\n  rail.setAttribute('aria-label','Page sections');\n  document.body.appendChild(rail);\n\n  var pips = [];\n  SECTIONS.forEach(function(sec){\n    var el = document.getElementById(sec.id);\n    if(!el) return;\n    var btn = document.createElement('button');\n    btn.className = 'page-nav-pip';\n    btn.setAttribute('data-label', sec.label);\n    btn.setAttribute('aria-label', 'Go to '+sec.label);\n    btn.addEventListener('click', function(){\n      el.scrollIntoView({behavior:'smooth', block:'start'});\n    });\n    rail.appendChild(btn);\n    pips.push({btn:btn, el:el});\n  });\n\n  var ticking = false;\n  function updateNav(){\n    ticking = false;\n    if(window.innerWidth <= 1100) return; \/* rail hidden \u2014 skip layout reads on mobile *\/\n    var mid = window.scrollY + window.innerHeight * 0.45;\n    var best = -1, bestDist = Infinity;\n    pips.forEach(function(p,i){\n      var rect = p.el.getBoundingClientRect();\n      var top = rect.top + window.scrollY;\n      var dist = Math.abs(top + rect.height * 0.35 - mid);\n      if(dist < bestDist){ bestDist = dist; best = i; }\n    });\n    pips.forEach(function(p,i){ p.btn.classList.toggle('active', i===best); });\n  }\n  window.addEventListener('scroll', function(){\n    if(!ticking){ requestAnimationFrame(updateNav); ticking=true; }\n  }, {passive:true});\n  updateNav();\n\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fuel Filler Pipe \u00b7 Automotive OEM Fuel Filler Pipe. Precision-Formed Fuel Filler Neck Assembly Precision-formed STKM 11A steel assemblies &mdash; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3365","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/comments?post=3365"}],"version-history":[{"count":45,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3365\/revisions"}],"predecessor-version":[{"id":4055,"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/pages\/3365\/revisions\/4055"}],"wp:attachment":[{"href":"https:\/\/uisb.com\/zh\/wp-json\/wp\/v2\/media?parent=3365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}