1<!doctype html><html lang="zh-CN" class="no-js"><head><meta charset="UTF-8"><meta name="referrer" content="no-referrer"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>产åä¸å¿ - å¾å·ææ³°åè´¸æéå
¬å¸</title><meta name="description" content="å¾å·ææ³°åè´¸æéå
¬å¸æ¯ä¸å®¶ç»¼åæ§åè´¸ä¼ä¸ï¼ä½äºæ±èå¾å·ï¼ä¸å¡æ¶µçæ¥ç¨ç¾è´§ãåå
¬ç¨åãé£å饮æçååçæ¹åä¸é¶å®ï¼é¢åä¼äºä¸åä½åæ¶è´¹è
æä¾ç¨³å®çååä¾åºæå¡ï¼æ¯ææ¹ééè´ä¸é¿æåä½ã"><meta name="keywords" content="å¾å·ææ³°åè´¸,å¾å·åè´¸å
¬å¸,æ¥ç¨ç¾è´§æ¹å,åå
¬ç¨åéè´,æ¹åé¶å®,å¾å·æ¹å,å¾å·é¶å®,åè´¸ä¼ä¸,ä¼ä¸éè´,ååä¾åº,综ååè´¸,产å,æå¡,æ¹æ¡"><meta name="robots" content="index,follow"><link rel="canonical" href="http://05f4n.cn/shopping.html"><meta property="og:title" content="产åä¸å¿ - å¾å·ææ³°åè´¸æéå
¬å¸"><meta property="og:description" content="å¾å·ææ³°åè´¸æéå
¬å¸æ¯ä¸å®¶ç»¼åæ§åè´¸ä¼ä¸ï¼ä½äºæ±èå¾å·ï¼ä¸å¡æ¶µçæ¥ç¨ç¾è´§ãåå
¬ç¨åãé£å饮æçååçæ¹åä¸é¶å®ï¼é¢åä¼äºä¸åä½åæ¶è´¹è
æä¾ç¨³å®çååä¾åºæå¡ï¼æ¯ææ¹ééè´ä¸é¿æåä½ã"><meta property="og:url" content="http://05f4n.cn/shopping.html"><meta property="og:image" content="http://05f4n.cn/storage/site-images/15478/41cf842e.jpg"><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Store","name":"ææ³°åè´¸","url":"http://05f4n.cn/","description":"å¾å·ææ³°åè´¸æéå
¬å¸æ¯ä¸å®¶ç»¼åæ§åè´¸ä¼ä¸ï¼ä½äºæ±èå¾å·ï¼ä¸å¡æ¶µçæ¥ç¨ç¾è´§ãåå
¬ç¨åãé£å饮æçååçæ¹åä¸é¶å®ï¼é¢åä¼äºä¸åä½åæ¶è´¹è
æä¾ç¨³å®çååä¾åºæå¡ï¼æ¯ææ¹ééè´ä¸é¿æåä½ã"}</script>
1<style>:root{--ind-primary: #db2777; --ind-primary-dark: #be185d; --ind-primary-light: #fce7f3; --ind-accent: #ec4899; --ind-bg: #fdf2f8; --ind-bg-alt: #ffffff; --ind-gradient: linear-gradient(135deg, #9d174d, #f472b6); --ind-radius: 12px;} 2:root{--bg:var(--ind-bg,#fff5f0);--bg2:var(--ind-bg-alt,#ffefe6);--surface:#fff;--surface2:#fafafa;--orange:var(--ind-primary,#ff6d00);--orange2:var(--ind-primary-dark,#ff9100);--orange3:var(--ind-primary-light,#ffab40);--orange-dim:rgba(255,109,0,.08);--orange-line:rgba(255,109,0,.18);--dark:#1a1a1a;--text:#333;--text2:#666;--text3:#aaa;--line:#eee;--line2:#f0f0f0;--shadow:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 8px 32px rgba(0,0,0,.1);--shadow-orange:0 8px 24px rgba(255,109,0,.15);--fd:'Montserrat','Noto Sans SC',sans-serif;--fb:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--ease:cubic-bezier(.22,1,.36,1);--eo:cubic-bezier(.16,1,.3,1)} 3*,*::before,*::after{margin:0;padding:0;box-sizing:border-box} 4html{scroll-behavior:smooth} 5body{font-family:var(--fb);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} 6a{text-decoration:none;color:var(--orange);transition:all .3s var(--ease)}a:hover{color:var(--orange2)} 7img{max-width:100%;display:block} 8h1,h2,h3,h4{font-weight:700;color:var(--dark);font-family:var(--fb)} 9::selection{background:var(--orange);color:#fff} 10::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--orange3);border-radius:4px} 11/* é¡¶é¨å ¬åæ¡ */ 12.announce{background:var(--dark);color:rgba(255,255,255,.7);font-size:12px;padding:6px 0;overflow:hidden;position:relative} 13.announce-in{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:24px;white-space:nowrap} 14.announce-in .tip{display:inline-flex;align-items:center;gap:6px;color:var(--orange2)} 15.announce-in .tip svg{width:13px;height:13px} 16.announce-in .marquee{flex:1;overflow:hidden;position:relative} 17.announce-in .marquee span{display:inline-block;animation:mq 32s linear infinite;padding-left:100%} 18@keyframes mq{to{transform:translateX(-100%)}} 19/* é¡¶é¨æç´¢æ å¯¼èª */ 20.topbar{position:sticky;top:0;z-index:1000;background:var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s var(--ease)} 21.topbar.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.1)} 22.topbar-in{max-width:1400px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px} 23.topbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-size:1.3rem;font-weight:800;color:var(--dark);letter-spacing:1px;white-space:nowrap} 24.topbar-brand .logo-bg{width:38px;height:38px;background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-orange)} 25.topbar-brand .logo-bg svg{width:22px;height:22px} 26.topbar-brand .nm small{display:block;font-size:9px;color:var(--orange);letter-spacing:3px;font-weight:600;font-family:var(--fd)} 27.search-box{flex:1;max-width:520px;display:flex;border:2px solid var(--orange);border-radius:24px;overflow:hidden;background:var(--surface)} 28.search-box input{flex:1;padding:10px 18px;border:none;outline:none;font-family:var(--fb);font-size:.9rem;background:transparent;color:var(--text)} 29.search-box input::placeholder{color:var(--text3)} 30.search-box button{padding:10px 26px;background:var(--orange);color:#fff;border:none;cursor:pointer;font-weight:700;font-family:var(--fb);font-size:.85rem;transition:all .3s;display:flex;align-items:center;gap:6px} 31.search-box button:hover{background:var(--orange2)} 32.search-box button svg{width:14px;height:14px} 33.topbar-nav{display:flex;gap:4px;align-items:center} 34.topbar-nav a{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text2);transition:all .3s;display:inline-flex;align-items:center;gap:5px} 35.topbar-nav a svg{width:15px;height:15px;opacity:.7} 36.topbar-nav a:hover,.topbar-nav a.on{color:var(--orange);background:var(--orange-dim)} 37.topbar-nav a.on svg{opacity:1} 38/* 产å䏿ï¼å¯¹ç § PHP header.php å èæ ·å¼ï¼æ¹ class å®ç°ï¼ */ 39.nav-dd{position:relative;display:inline-flex;align-items:center}
40.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:200px;background:#fff;border:1px solid #ffe3d0;border-radius:10px;padding:8px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;z-index:1000;box-shadow:0 12px 32px rgba(255,87,34,.12)} 41.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)} 42.nav-dd-menu a{display:block;padding:8px 12px;color:#666;text-decoration:none;font-size:.9rem;border-radius:6px;white-space:nowrap} 43.nav-dd-menu a:hover{background:#fff3e0;color:#ff5722} 44.nav-dd-menu a.view-all{color:#ff5722;font-weight:600;border-top:1px solid #ffe3d0;margin-top:4px;border-radius:0 0 6px 6px} 45.topbar-cart{position:relative;width:40px;height:40px;border-radius:50%;background:var(--orange-dim);display:flex;align-items:center;justify-content:center;color:var(--orange);transition:all .3s;flex-shrink:0} 46.topbar-cart:hover{background:var(--orange);color:#fff;transform:scale(1.05)} 47.topbar-cart svg{width:18px;height:18px} 48.topbar-cart .badge{position:absolute;top:-2px;right:-2px;background:var(--dark);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px} 49/* å¸å±ï¼å·¦åç±»æ +å³å 容 */ 50.layout{display:grid;grid-template-columns:240px 1fr;max-width:1400px;margin:0 auto;gap:0;padding:20px 32px} 51.layout-full{max-width:1400px;margin:0 auto;padding:20px 32px} 52.cat-tree{background:var(--surface);border-radius:14px;padding:18px 14px;height:fit-content;position:sticky;top:96px;box-shadow:var(--shadow)} 53.cat-tree h4{font-family:var(--fd);font-size:.8rem;font-weight:700;color:var(--dark);margin-bottom:14px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:2px solid var(--orange);padding-bottom:8px;padding-left:8px;display:flex;align-items:center;gap:6px} 54.cat-tree h4 svg{width:14px;height:14px;color:var(--orange)} 55.cat-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;cursor:pointer;transition:all .25s;font-size:.85rem;color:var(--text2);text-decoration:none} 56.cat-item:hover{background:var(--orange-dim);color:var(--orange);transform:translateX(4px)} 57.cat-item .lt{display:flex;align-items:center;gap:8px} 58.cat-item .lt svg{width:15px;height:15px;color:var(--orange3);transition:color .25s;flex-shrink:0} 59.cat-item:hover .lt svg{color:var(--orange)} 60.cat-item .cnt{font-size:.7rem;color:var(--text3);background:var(--bg2);padding:1px 7px;border-radius:10px;font-family:var(--fd)} 61.cat-item.on{background:var(--orange);color:#fff}.cat-item.on svg{color:#fff}.cat-item.on .cnt{background:rgba(255,255,255,.25);color:#fff} 62.content-area{padding-left:24px;min-width:0} 63.layout-full .content-area{padding-left:0} 64/* Hero Banner */ 65.banner{background:linear-gradient(120deg,var(--orange) 0%,var(--orange2) 70%);border-radius:18px;padding:44px 40px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden} 66.banner::before{content:'';position:absolute;top:-40px;right:-40px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)} 67.banner::after{content:'';position:absolute;bottom:-60px;right:60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)} 68.banner-svg{position:absolute;bottom:20px;right:30px;width:120px;height:120px;opacity:.18;z-index:1} 69.banner-svg svg{width:100%;height:100%} 70.banner-c{position:relative;z-index:2;max-width:560px} 71.banner-tag{font-family:var(--fd);font-size:.72rem;letter-spacing:3px;text-transform:uppercase;opacity:.95;margin-bottom:10px;display:inline-flex;align-items:center;gap:8px} 72.banner-tag::before{content:'';width:24px;height:1px;background:#fff;opacity:.6} 73.banner h1{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;margin-bottom:10px;line-height:1.15;color:#fff} 74.banner p{opacity:.92;font-size:1rem;max-width:420px;margin-bottom:22px;line-height:1.6} 75.banner-btns{display:flex;gap:12px;flex-wrap:wrap} 76.banner-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 26px;background:#fff;color:var(--orange);border-radius:24px;font-weight:700;font-size:.85rem;transition:all .3s var(--ease)} 77.banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18);color:var(--orange2)} 78.banner-btn.g{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.5)} 79.banner-btn.g:hover{background:rgba(255,255,255,.25);color:#fff} 80/* åºåæ é¢ */ 81.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px} 82.sec-head h2{font-family:var(--fd);font-size:1.3rem;font-weight:800;color:var(--dark);
82display:flex;align-items:center;gap:8px} 83.sec-head h2 .ic{width:22px;height:22px;color:var(--orange)} 84.sec-head h2 span{color:var(--orange)} 85.sec-head a{font-size:.85rem;color:var(--orange);font-weight:500;display:inline-flex;align-items:center;gap:4px} 86.sec-head a svg{width:14px;height:14px} 87.sec-center{text-align:center;margin-bottom:32px} 88.sec-center .ey{font-family:var(--fd);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:8px} 89.sec-center h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:8px} 90.sec-center p{color:var(--text2);font-size:.95rem;max-width:560px;margin:0 auto} 91/* ååç叿µç½æ ¼ */ 92.prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px} 93.prod-card{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .35s var(--ease);cursor:pointer;border:1px solid var(--line);text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative} 94.prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--orange)} 95.prod-card .img{height:160px;background:linear-gradient(135deg,var(--bg2),#ffe8d6);display:flex;align-items:center;justify-content:center;transition:transform .35s;position:relative;overflow:hidden} 96.prod-card:hover .img{transform:scale(1.04)} 97.prod-card .img svg{width:56px;height:56px;color:var(--orange);opacity:.85} 98.prod-card .img .cv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)} 99.prod-card:hover .img .cv-img{transform:scale(1.06)} 100.prod-card .badge{position:absolute;top:8px;left:8px;background:var(--orange);color:#fff;font-size:.62rem;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;font-family:var(--fd);z-index:2} 101.prod-card .badge.new{background:var(--dark)} 102.prod-card .body{padding:12px 14px;flex:1;display:flex;flex-direction:column} 103.prod-card .body h3{font-size:.88rem;font-weight:500;color:var(--dark);margin-bottom:6px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} 104.prod-card .price{font-family:var(--fd);font-size:1.1rem;font-weight:800;color:var(--orange);margin-top:auto} 105.prod-card .price small{font-size:.72rem;font-weight:400;color:var(--text2)} 106.prod-card .price .cur{font-size:.8rem} 107.prod-card .meta{font-size:.7rem;color:var(--text3);margin-top:4px;display:flex;align-items:center;gap:4px} 108.prod-card .meta svg{width:11px;height:11px} 109/* èµè®¯åºå */ 110.news-block{background:var(--surface);border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:var(--shadow)} 111.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} 112.news-c{background:var(--bg);border-radius:10px;padding:14px 16px;border-left:3px solid transparent;transition:all .3s;text-decoration:none;color:inherit;display:block} 113.news-c:hover{border-left-color:var(--orange);background:var(--orange-dim);transform:translateX(3px)} 114.news-c .dt{font-family:var(--fd);font-size:.7rem;color:var(--orange);margin-bottom:4px;font-weight:600} 115.news-c .tt{font-size:.82rem;color:var(--dark);font-weight:500;line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} 116/* æç« */ 117.art-wrap{max-width:820px;margin:0 auto} 118.art-h{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)} 119.art-h .tag{display:inline-block;font-size:11px;color:var(--orange);border:1px solid var(--orange-line);padding:2px 10px;border-radius:12px;margin-bottom:14px} 120.art-h h1{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--dark);line-height:1.4;margin-bottom:14px} 121.art-m{display:flex;justify-content:center;gap:18px;color:var(--text3);font-size:13px}
122.art-m span{display:inline-flex;align-items:center;gap:4px} 123.art-m svg{width:12px;height:12px} 124.art-b{color:var(--text);line-height:1.95;font-size:1rem}.art-b p{margin-bottom:1.2rem} 125.art-b h2,.art-b h3{color:var(--dark);margin:1.8rem 0 .8rem} 126.art-nav{display:flex;justify-content:space-between;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem} 127.art-nav a{color:var(--text2);font-size:.9rem}.art-nav a:hover{color:var(--orange)} 128/* å ³äº */ 129.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:0 auto} 130.about-card{background:var(--surface);border-radius:14px;padding:28px;box-shadow:var(--shadow);transition:all .3s;border-top:3px solid transparent} 131.about-card:hover{border-top-color:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow-lg)} 132.about-card .ic{width:44px;height:44px;background:var(--orange-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px} 133.about-card .ic svg{width:24px;height:24px;color:var(--orange)} 134.about-card h3{color:var(--dark);font-size:17px;margin-bottom:8px} 135.about-card p{color:var(--text2);font-size:14px;line-height:1.7} 136.stat-band{background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:16px;padding:36px;margin:24px 0;box-shadow:var(--shadow-orange)} 137.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center} 138.stat-item .num{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;color:#fff;line-height:1} 139.stat-item .num .u{font-size:.4em;color:rgba(255,255,255,.85);font-weight:400;margin-left:3px} 140.stat-item .lb{font-size:.82rem;color:rgba(255,255,255,.9);letter-spacing:1px;margin-top:6px} 141/* èç³» */ 142.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;max-width:1000px;margin:0 auto} 143.ct-info{background:var(--surface);border-radius:12px;padding:20px;margin-bottom:12px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow);border-left:3px solid var(--orange)} 144.ct-info .ic{width:38px;height:38px;background:var(--orange-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0} 145.ct-info .ic svg{width:20px;height:20px;color:var(--orange)} 146.ct-info .lb{font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px} 147.ct-info .vl{color:var(--dark);font-weight:600} 148.ct-form{background:var(--surface);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)} 149.ct-form .ft{font-size:1.15rem;color:var(--dark);margin-bottom:12px;font-weight:700} 150.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px} 151.ct-form input,.ct-form textarea,.ct-form select{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 14px;color:var(--text);font-family:var(--fb);font-size:14px;width:100%} 152.ct-form input:focus,.ct-form textarea:focus{outline:none;border-color:var(--orange)} 153.ct-form input::placeholder,.ct-form textarea::placeholder{color:var(--text3)} 154.ct-form textarea{resize:vertical} 155.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s var(--ease);text-decoration:none;border:none;font-family:var(--fb)} 156.btn-p{background:var(--orange);color:#fff}.btn-p:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:var(--shadow-orange)} 157.btn-o{background:transparent;color:var(--orange);border:1.5px solid var(--orange)}.btn-o:hover{background:var(--orange-dim)} 158/* 页é¢banner */ 159.pb{background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:18px;padding:46px 32px 36px;text-align:center;color:#fff;margin-bottom:24px;position:relative;overflow:hidden} 160.pb::before{content:'';position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08)} 161.pb .ey{font-family:var(--fd);font-size:12px;letter-spacing:4px;text-transform:uppercase;font-weight:700;opacity:.9;margin-bottom:8px} 162.pb h1{font-size:clamp(1.7rem,3.5vw,2.4rem);color:#fff;font-weight:800;margin-bottom:6px;font-family:var(--fd)} 163.pb p{opacity:.9;font-size:.95rem}
164/* å页 */ 165.pg{display:flex;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap} 166.pg a,.pg span{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--text2);font-size:14px;text-decoration:none;transition:all .3s;background:var(--surface)} 167.pg a:hover{border-color:var(--orange);color:var(--orange)}.pg .cur{background:var(--orange);color:#fff;border-color:var(--orange)} 168.pagination{display:flex;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap} 169.pagination a,.pagination span{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--text2);font-size:14px;text-decoration:none;transition:all .3s;background:var(--surface)} 170.pagination a:hover{border-color:var(--orange);color:var(--orange)}.pagination .current{background:var(--orange);color:#fff;border-color:var(--orange)} 171/* ç¸å ³ */ 172.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:18px} 173.rel-card{background:var(--surface);border-radius:10px;padding:14px;text-decoration:none;color:inherit;display:block;transition:all .3s;border:1px solid var(--line)} 174.rel-card:hover{border-color:var(--orange);transform:translateY(-3px)}.rel-card h4{color:var(--dark);font-size:13px;margin-bottom:4px;line-height:1.4}.rel-card p{color:var(--text3);font-size:12px} 175/* 页è */ 176.ft-block{background:var(--dark);color:rgba(255,255,255,.5);padding:46px 32px 24px;font-size:.85rem;margin-top:32px} 177.ft-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px} 178.ft-brand .nm{font-family:var(--fd);font-size:19px;color:#fff;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px} 179.ft-brand .nm svg{width:22px;height:22px;color:var(--orange)} 180.ft-brand p{color:rgba(255,255,255,.45);font-size:13px;max-width:300px;line-height:1.7} 181.ft-col h5{color:rgba(255,255,255,.8);font-size:12px;letter-spacing:2px;margin-bottom:14px;font-family:var(--fd);text-transform:uppercase} 182.ft-col a{display:block;color:rgba(255,255,255,.4);font-size:13px;padding:4px 0;transition:color .2s}.ft-col a:hover{color:var(--orange)} 183.ft-bot{max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px} 184.ft-copy{color:rgba(255,255,255,.3);font-size:12px} 185/* æµ®å¨éè´æé® */ 186.float-buy{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-orange);cursor:pointer;z-index:999;transition:all .3s var(--ease)} 187.float-buy:hover{transform:scale(1.1) translateY(-4px);background:var(--orange2)} 188.float-buy svg{width:24px;height:24px} 189/* reveal */ 190.js .rv{opacity:0;transform:translateY(24px)} 191.rv.in{opacity:1;transform:translateY(0);transition:opacity .7s var(--eo),transform .7s var(--eo)} 192.no-js .rv,.no-js .rv1,.no-js .rv2,.no-js .rv3,.no-js .rv4{opacity:1!important;transform:none!important}
193.rv1{transition-delay:.08s}.rv2{transition-delay:.16s}.rv3{transition-delay:.24s}.rv4{transition-delay:.32s} 194/* èµè®¯è¡ï¼é¦é¡µï¼ */ 195.news-wrap{padding:4px 4px 0} 196.news-row{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line2);text-decoration:none;color:inherit;align-items:center;transition:all .3s} 197.news-row:last-child{border-bottom:none} 198.news-row:hover{padding-left:8px}.news-row:hover .nt{color:var(--orange)} 199.news-dt{text-align:center;min-width:66px;flex-shrink:0;background:var(--orange-dim);border-radius:12px;padding:10px} 200.news-dt .d{font-size:1.6rem;font-weight:900;color:var(--orange);line-height:1} 201.news-dt .m{font-size:10px;color:var(--text3);letter-spacing:1px;margin-top:2px} 202.news-bd{flex:1;min-width:0} 203.news-row .nt{font-size:16px;color:var(--dark);font-weight:700;margin-bottom:6px;transition:color .3s;line-height:1.4} 204.news-row p{font-size:13px;color:var(--text2);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} 205.news-meta{display:flex;gap:12px;font-size:11px;color:var(--text3)} 206.news-meta .tag{color:var(--orange);background:var(--orange-dim);padding:1px 8px;border-radius:10px;font-weight:600} 207/* å表/æ ç¾é¡µä¸åå¡çï¼å¯¹ç § PHP list.php/tag.php å èæ ·å¼ï¼ */ 208.alist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px} 209.alist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s;display:flex;flex-direction:column} 210.alist-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)} 211.alist-cover{width:100%;height:180px;object-fit:cover;display:block} 212.alist-ph{width:100%;height:180px;background:linear-gradient(135deg,#334155,#64748b);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4)} 213.alist-ph svg{width:48px;height:48px} 214.alist-bd{padding:18px 20px;flex:1;display:flex;flex-direction:column} 215.alist-bd h3{font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.4;color:#0f172a} 216.alist-bd p{font-size:.875rem;color:#64748b;margin-bottom:12px;flex:1;line-height:1.6} 217.alist-meta{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#64748b} 218.alist-meta .tag{padding:2px 10px;background:#dbeafe;color:#2563eb;border-radius:4px;font-weight:500} 219@media(max-width:1024px){.prod-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.ft-in{grid-template-columns:1fr 1fr;gap:24px}.news-cards{grid-template-columns:1fr 1fr}.alist-grid{grid-template-columns:repeat(2,1fr)}} 220@media(max-width:768px){.layout,.layout-full{padding:14px}.cat-tree{display:none}.content-area{padding-left:0}.prod-grid{grid-template-columns:1fr 1fr;gap:10px}.news-cards{grid-template-columns:1fr}.topbar-nav{display:none}.search-box{max-width:none;order:3;width:100%}.topbar-in{flex-wrap:wrap}.ft-in{grid-template-columns:1fr;gap:20px}.fr{grid-template-columns:1fr}.ct-grid{grid-template-columns:1fr}.banner{padding:32px 22px}.banner-btns{flex-direction:column}.banner-btn{width:100%;justify-content:center}.pb{padding:32px 20px}.float-buy{bottom:20px;right:20px;width:48px;height:48px}.float-buy svg{width:20px;height:20px}.news-row{flex-direction:column;align-items:flex-start;gap:10px}.alist-grid{grid-template-columns:1fr}} 221</style></head><body><div class="announce"><div class="announce-in"><span class="tip"><svg viewBox="0 0 16 16"><path d="M8 1L1 4l7 3 7-3z" fill="none" stroke="currentColor" stroke-width="1.2"></path><path d="M3 6v4c0 1 2 2 5 2s5-1 5-2V6" fill="none" stroke="currentColor" stroke-width="1.2"></path></svg>æºå¤´ç´ä¾</span><div class="marquee"><span>满500å èµ·æ¹ Â· å ¨å½48å°æ¶åè´§ · ä¸ä»¶ä»£åæ¯æ · 大客æ·ä¸å±ææ£ · 7天æ çç±éæ¢ Â· æ¹åé¶å®ä¸ä½åä¾åºé¾æå¡</span></div></div></div><nav class="topbar" id="rtlTopbar"><div class="topbar-in"><a href="/" class="topbar-brand"><span class="logo-bg"><svg viewBox="0 0 24 24">
221<path d="M3 4h2l2 12h10l2-8H7" fill="none" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="9" cy="20" r="1.6" fill="#fff"></circle><circle cx="17" cy="20" r="1.6" fill="#fff"></circle></svg></span> <span class="nm">ææ³°åè´¸<small>WHOLESALE</small></span></a><form class="search-box" onsubmit="return false"><input type="text" placeholder="æç´¢ååãåç±»ãä¾åºå..." aria-label="æç´¢"> <button type="button"><svg viewBox="0 0 16 16"><circle cx="7" cy="7" r="5" fill="none" stroke="currentColor" stroke-width="1.5"></circle><line x1="11" y1="11" x2="15" y2="15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></line></svg>æç´¢</button></form><div class="topbar-nav"><a href="/" class=""><svg viewBox="0 0 16 16"><path d="M2 7L8 2l6 5v7a1 1 0 01-1 1h-3v-4H6v4H3a1 1 0 01-1-1z" fill="none" stroke="currentColor" stroke-width="1.3"></path></svg>é¦é¡µ</a> <span class="nav-dd"><a href="/shopping.html" class="on"><svg viewBox="0 0 16 16"><path d="M3 6h10l-1 8a1 1 0 01-1 1H5a1 1 0 01-1-1z" fill="none" stroke="currentColor" stroke-width="1.3"></path><path d="M6 6V4a2 2 0 014 0v2" fill="none" stroke="currentColor" stroke-width="1.3"></path></svg>å
¨é¨åå <span style="font-size:.6rem">â¾</span></a> <span class="nav-dd-menu"><a href="/shopping/ae027834295f96277a6f5cc633f3b324.html">综ååè´¸</a> <a href="/shopping/660ee1d6a80faba0ce563c77f7b58a9d.html">ååä¾åº</a> <a href="/shopping/1fffd82454d00d6e76cb96ead3be2724.html">å¾å·é¶å®</a> <a href="/shopping/00eede9984cc592e188ce3fa2a426225.html">å¾å·æ¹å</a> <a href="/shopping/639654cee070144249a98ee81666df86.html">æ¹åé¶å®</a> <a href="/shopping/24e4f7704649fd95b7d68584a3099eca.html">åå
¬ç¨åéè´</a> <a href="/shopping/3f6a332de9aec895dda1aac9831a951e.html">æ¥ç¨ç¾è´§æ¹å</a> <a href="/shopping/3e62075d968594b0b6b40adb46ca1d25.html">å¾å·ææ³°åè´¸</a> <a href="/shopping.html" class="view-all">æ¥çå
¨é¨åå â</a></span></span> <a href="/series/1.html" class=""><svg viewBox="0 0 16 16"><rect x="2.5" y="2.5" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.3"></rect><line x1="5" y1="6" x2="11" y2="6" stroke="currentColor" stroke-width="1.2"></line><line x1="5" y1="8.5" x2="11" y2="8.5" stroke="currentColor" stroke-width="1.2"></line><line x1="5" y1="11" x2="9" y2="11" stroke="currentColor" stroke-width="1.2"></line></svg>èµè®¯</a> <a href="/aboutus.html" class=""><svg viewBox="0 0 16 16"><circle cx="8" cy="6" r="2.5" fill="none" stroke="currentColor" stroke-width="1.3"></circle><path d="M3 14c0-3 2.5-5 5-5s5 2 5 5" fill="none" stroke="currentColor" stroke-width="1.3"></path></svg>å
³äº</a> <a href="/contactus.html" class=""><svg viewBox="0 0 16 16"><path d="M2 4l6 4 6-4M2 4h12v8H2z" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>èç³»</a></div><a href="/contactus.html" class="topbar-cart" title="éè´å¨è¯¢"><svg viewBox="0 0 24 24"><path d="M3 4h2l2 12h10l2-8H7" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="9" cy="20" r="1.6" fill="currentColor"></circle><circle cx="17" cy="20" r="1.6" fill="currentColor"></circle></svg> <span class="badge">询</span></a></div></nav><div class="layout-full"><div class="content-area"><div class="pb"><div class="ey">PRODUCTS</div><h1>å
¨é¨åå</h1><p>8大åç±» · 1280+ SKU · æºå¤´ç´é · 48å°æ¶åè´§</p></div><div class="sec-head rv"><h2><svg class="ic" viewBox="0 0 22 22"><path d="M12 2L3 11l9 9 9-9z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><circle cx="12" cy="11" r="3" fill="currentColor"></circle></svg>å
¨é¨<span>åå</span></h2><a href="/contactus.html">æ¹åå¨è¯¢ <svg viewBox="0 0 14 14"><path d="M3 7h8M7 3l4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg></a></div><div class="prod-grid rv"><a href="/shopping/3e62075d968594b0b6b40adb46ca1d25.html" class="prod-card"><span class="badge">HOT</span><div class="img">
221<img class="cv-img" src="/storage/site-images/15478/41cf842e.jpg" alt="å¾å·ææ³°åè´¸" loading="lazy"></div><div class="body"><h3>å¾å·ææ³°åè´¸</h3><div class="price"><span class="cur">Â¥</span>81 <small>.9/è¢</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3942 ä»¶</div></div></a><a href="/shopping/3f6a332de9aec895dda1aac9831a951e.html" class="prod-card"><span class="badge">HOT</span><div class="img"><img class="cv-img" src="/storage/site-images/15478/764297a7.jpg" alt="æ¥ç¨ç¾è´§æ¹å" loading="lazy"></div><div class="body"><h3>æ¥ç¨ç¾è´§æ¹å</h3><div class="price"><span class="cur">Â¥</span>82 <small>/个</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3943 ä»¶</div></div></a><a href="/shopping/24e4f7704649fd95b7d68584a3099eca.html" class="prod-card"><span class="badge new">NEW</span><div class="img"><img class="cv-img" src="/storage/site-images/15478/4f35b36e.jpg" alt="åå
¬ç¨åéè´" loading="lazy"></div><div class="body"><h3>åå
¬ç¨åéè´</h3><div class="price"><span class="cur">
221Â¥</span>83 <small>.1/ä»¶</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3944 ä»¶</div></div></a><a href="/shopping/639654cee070144249a98ee81666df86.html" class="prod-card"><span class="badge new">NEW</span><div class="img"><img class="cv-img" src="/storage/site-images/15478/a6a241f5.jpg" alt="æ¹åé¶å®" loading="lazy"></div><div class="body"><h3>æ¹åé¶å®</h3><div class="price"><span class="cur">Â¥</span>84 <small>.2/å¯</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3945 ä»¶</div></div></a><a href="/shopping/00eede9984cc592e188ce3fa2a426225.html" class="prod-card"><div class="img"><img class="cv-img" src="/storage/site-images/15478/41cf842e.jpg" alt="å¾å·æ¹å" loading="lazy"></div><div class="body"><h3>å¾å·æ¹å</h3><div class="price"><span class="cur">Â¥</span>85 <small>.3/ç®±</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3946 ä»¶</div></div></a><a href="/shopping/1fffd82454d00d6e76cb96ead3be2724.html" class="prod-card"><div class="img"><img class="cv-img" src="/storage/site-images/15478/41cf842e.jpg" alt="å¾å·é¶å®" loading="lazy"></div><div class="body"><h3>å¾å·é¶å®</h3><div class="price"><span class="cur">
221Â¥</span>86 <small>.4/å¥</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3947 ä»¶</div></div></a><a href="/shopping/660ee1d6a80faba0ce563c77f7b58a9d.html" class="prod-card"><div class="img"><img class="cv-img" src="/storage/site-images/15478/41cf842e.jpg" alt="ååä¾åº" loading="lazy"></div><div class="body"><h3>ååä¾åº</h3><div class="price"><span class="cur">Â¥</span>87 <small>.5/ç</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3948 ä»¶</div></div></a><a href="/shopping/ae027834295f96277a6f5cc633f3b324.html" class="prod-card"><div class="img"><img class="cv-img" src="/storage/site-images/15478/b5d91723.jpg" alt="综ååè´¸" loading="lazy"></div><div class="body"><h3>综ååè´¸</h3><div class="price"><span class="cur">Â¥</span>88 <small>.6/è¢</small></div><div class="meta"><svg viewBox="0 0 12 12"><path d="M2 6l3 3 5-6" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg>å·²å® 3949 ä»¶</div></div></a></div></div></div><footer class="ft-block"><div style="max-width:1200px;margin:0 auto;padding:16px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.08);font-size:14px"><span style="color:#888;margin-right:10px">åæ
龿¥ï¼</span> <a href="http://wap.chuangyuchem.com" title="åç¾½åå·¥" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">åç¾½åå·¥</a><a href="http://wap.z9q8.cn" title="秦æ±è±åè´¸" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">秦æ±è±åè´¸</a><a href="http://m.bikud.cn" title="å¤å梦çµå" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">å¤å梦çµå</a><a href="http://www.xymsh01.cn" title="䏿µ·å»ºæå¸åº" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">䏿µ·å»ºæå¸åº</a><a href="http://wap.athhf.cn" title="é½ä½³è´¸æ" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">é½ä½³è´¸æ</a><a href="http://m.hebeirunfeng.cn" title="润æ«é£å" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">润æ«é£å</a><a href="http://www.2vm925.cn" title="æ¹æ³çµååå¡" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">æ¹æ³çµååå¡</a><a href="http://m.charlskately.cn" title="å°ck宿¹æè°åº" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">å°ck宿¹æè°åº</a><a href="http://wap.tyxsys.com" title="å®å
¨ç»³" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">å®å
¨ç»³</a><a href="http://wap.tongfengyi.com" title="æééé£" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">æééé£</a><a href="http://www.guaijc.com" title="å¤è¾ç¯ä¿å»ºæ" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">å¤è¾ç¯ä¿å»ºæ</a><a href="http://www.smweui.cn" title="æ·»ååè´¸" target="_blank" rel="dofollow" style="color:#999;margin:0 6px;text-decoration:none">æ·»ååè´¸</a></div><div class="ft-in"><div class="ft-brand"><div class="nm"><svg viewBox="0 0 24 24"><path d="M3 4h2l2 12h10l2-8H7" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="9" cy="20" r="1.6" fill="currentColor"></circle><circle cx="17" cy="20" r="1.6" fill="currentColor"></circle></svg>ææ³°åè´¸</div><p>䏿³¨æ¹åä¸é¶å®ä¸ä½åä¾åºé¾ï¼æºå¤´ç´éè¦çæ¥ç¨ç¾è´§ãé£å饮æãçµåçµå¨çå
¨åç±»ååï¼æå¡å
¨å½10ä¸+åæ·ï¼48å°æ¶æéåè´§ã</p></div><div class="ft-col"><h5>ååä¸å¿</h5><a href="/shopping.html">å¾å·ææ³°åè´¸</a><a href="/shopping.html">å¾å·åè´¸å
¬å¸</a><a href="/shopping.html">æ¥ç¨ç¾è´§æ¹å</a><a href="/shopping.html">åå
¬ç¨åéè´</a></div><div class="ft-col"><h5>导èª</h5><a href="/">é¦é¡µ</a> <a href="/shopping.html">å
¨é¨åå</a> <a href="/series/1.html">èµè®¯</a> <a href="/aboutus.html">å
³äº</a> <a href="/contactus.html">èç³»</a></div><div class="ft-col"><h5>èç³»</h5><a href="mailto:[email protected]">[email protected]</a> <a style="cursor:default;color:rgba(255,255,255,.4)">400-888-8888</a> <a style="cursor:default;color:rgba(255,255,255,.4)">å¨ä¸è³å¨äº 9:00-18:00</a></div></div><div class="ft-bot"><div class="ft-copy">© 2026 ææ³°åè´¸ · æ¹åé¶å® · ä¾åºé¾ · ååè´¸æ</div></div></footer><a href="/contactus.html" class="float-buy" title="éè´å¨è¯¢"><svg viewBox="0 0 24 24">
221<path d="M3 4h2l2 12h10l2-8H7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="9" cy="20" r="1.6" fill="currentColor"></circle><circle cx="17" cy="20" r="1.6" fill="currentColor"></circle></svg></a>
221<script src="/js/ads.js?v=1" async></script>
221<script>document.documentElement.classList.remove("no-js");document.documentElement.classList.add("js")</script>
221<script>(function(){ 222var nav=document.getElementById('rtlTopbar'); 223function onS(){if(nav)nav.classList.toggle('scrolled',window.scrollY>40);} 224window.addEventListener('scroll',onS,{passive:true});onS(); 225if(typeof gsap==='undefined'||typeof IntersectionObserver==='undefined'){ 226if(typeof IntersectionObserver==='undefined'){setTimeout(function(){document.querySelectorAll('.rv').forEach(function(el){el.classList.add('in');});},1000);return;} 227var elsRv=[].slice.call(document.querySelectorAll('.rv')); 228var o=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');o.unobserve(e.target);}})},{threshold:0,rootMargin:'0px 0px -5% 0px'}); 229elsRv.forEach(function(el){o.observe(el)}); 230setTimeout(function(){elsRv.forEach(function(el){if(!el.classList.contains('in'))el.classList.add('in');});},1500); 231document.querySelectorAll('.stat-item .num[data-t]').forEach(function(el){ 232var t=parseFloat(el.getAttribute('data-t'));var u=el.getAttribute('data-u')||''; 233var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){var c=0,ti=setInterval(function(){c+=t/40;if(c>=t){c=t;clearInterval(ti);}el.innerHTML=Math.floor(c).toLocaleString()+(u?'<span class="u">'+u+'</span>':'');},30);io.unobserve(el);}});},{threshold:.5});io.observe(el);}); 234return; 235} 236gsap.registerPlugin(ScrollTrigger); 237gsap.utils.toArray('.rv').forEach(function(el){ScrollTrigger.create({trigger:el,start:'top 88%',once:true,onEnter:function(){el.classList.add('in');}})}); 238gsap.utils.toArray('.stat-item .num[data-t]').forEach(function(el){var t=parseFloat(el.getAttribute('data-t'));var u=el.getAttribute('data-u')||'';var o={v:0};ScrollTrigger.create({trigger:el,start:'top 85%',once:true,onEnter:function(){gsap.to(o,{v:t,duration:2,ease:'power2.out',onUpdate:function(){el.innerHTML=Math.floor(o.v).toLocaleString()+(u?'<span class="u">'+u+'</span>':'');}})}})}); 239if(document.querySelector('.prod-grid')){ScrollTrigger.create({trigger:'.prod-grid',start:'top 85%',once:true,onEnter:function(){gsap.fromTo('.prod-grid .prod-card',{y:30,opacity:0},{y:0,opacity:1,duration:.5,stagger:.06,ease:'power2.out'});}});} 240})();</script>
240<script>(function(){ 241if(window.__msgFormBound)return;window.__msgFormBound=1; 242function isMsgForm(f){ 243if(!f||f.tagName!=='FORM')return false; 244if(f.hasAttribute('data-fake-submit'))return true; 245var os=f.getAttribute('onsubmit')||''; 246if(os.indexOf('return false')<0)return false; 247return !!(f.querySelector('textarea')||f.querySelector('[name="name"],[name="phone"],[name="email"],[name="contact"],[name="message"],[name="content"]')); 248} 249function addHoneypot(f){ 250if(f.querySelector('input[name="_gotcha"]'))return; 251var i=document.createElement('input'); 252i.type='text';i.name='_gotcha';i.tabIndex=-1;i.autocomplete='off';i.setAttribute('aria-hidden','true'); 253i.style.cssText='position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden'; 254f.appendChild(i); 255} 256function val(f,names){ 257for(var i=0;i<names.length;i++){var el=f.querySelector('[name="'+names[i]+'"]');if(el&&el.value&&el.value.trim())return el.value.trim();} 258return ''; 259} 260function extras(f){ 261var defs=[['type','å¨è¯¢ç±»å'],['company','å ¬å¸'],['org','åä½'],['dept','ç§å®¤'],['intent','æå'],['address','å°å'],['from','åºåå°'],['to','ç®çå°'],['checkin','å ¥ä½æ¥æ'],['checkout','éæ¿æ¥æ']]; 262var out=[]; 263for(var i=0;i<defs.length;i++){var v=val(f,[defs[i][0]]);if(v)out.push('['+defs[i][1]+'] '+v);} 264return out; 265} 266function note(f,msg,ok){ 267var old=f.parentNode.querySelector('.msg-form-note');if(old)old.parentNode.removeChild(old); 268var d=document.createElement('div');d.className='msg-form-note'; 269d.style.cssText='margin:10px 0;padding:10px 14px;border-radius:6px;font-size:14px;text-align:center;'+(ok?'background:#d4edda;color:#155724;border:1px solid #c3e6cb':'background:#f8d7da;color:#721c24;border:1px solid #f5c6cb'); 270d.textContent=msg; 271f.parentNode.insertBefore(d,f); 272} 273function done(f){ 274var d=document.createElement('div'); 275d.style.cssText='padding:20px;border-radius:8px;background:#d4edda;color:#155724;border:1px solid #c3e6cb;text-align:center;font-size:15px'; 276d.textContent='â æäº¤æåï¼æä»¬ä¼å°½å¿«ä¸æ¨èç³»ï¼'; 277f.parentNode.replaceChild(d,f); 278} 279function submit(f){ 280if(f.getAttribute('data-msg-sending'))return; 281f.setAttribute('data-msg-sending','1'); 282var name=val(f,['name','your-name','username']); 283var contact=val(f,['contact','phone','tel','mobile']); 284var email=val(f,['email','mail']); 285if(email){contact=contact?contact+' / '+email:email;} 286var content=val(f,['content','message','msg','body']); 287if(!content){var ta=f.querySelector('textarea');if(ta&&ta.value)content=ta.value.trim();} 288var ex=extras(f);if(ex.length)content=(content?content+'\n':'')+ex.join('\n'); 289var g=f.querySelector('input[name="_gotcha"]'); 290var payload={name:name,contact:contact,content:content,source_url:location.href,_gotcha:g?g.value:''}; 291fetch('/api/message',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)}) 292.then(function(r){return r.json();}) 293.then(function(r){ 294if(r&&r.code===0){done(f);} 295else{note(f,(r&&r.message)||'æäº¤å¤±è´¥ï¼è¯·ç¨ååè¯',false);f.removeAttribute('data-msg-sending');} 296}) 297.catch(function(){note(f,'ç½ç»å¼å¸¸ï¼è¯·ç¨ååè¯',false);f.removeAttribute('data-msg-sending');}); 298} 299function scan(){ 300var fs=document.querySelectorAll('form'); 301for(var i=0;i<fs.length;i++){if(isMsgForm(fs[i]))addHoneypot(fs[i]);} 302} 303if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',scan);}else{scan();} 304document.addEventListener('submit',function(e){ 305var f=e.target; 306if(isMsgForm(f)){e.preventDefault();submit(f);} 307},true); 308})();</script>
308</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.