{"product_id":"5-in-1-multifunction-ruler-stylus-pen","title":"✍️5-in-1 Multifunction Ruler Stylus Pen – 0.5mm Writing \u0026 Marker Tool","description":"\u003cstyle\u003e  \/* =========================================================    5-IN-1 MULTIFUNCTION PEN    Responsive Shopify Landing Page    ========================================================= *\/  #multi-pen-page, #multi-pen-page *{   box-sizing:border-box; }   #multi-pen-page{    --pen-purple:#7c5cff;   --pen-blue:#3b82f6;   --pen-orange:#ff8a3d;   --pen-yellow:#f7c948;   --pen-green:#57b894;    --pen-dark:#1f2937;   --pen-text:#30343b;   --pen-muted:#6b7280;    --pen-cream:#fff8ef;   --pen-paper:#ffffff;   --pen-line:#e8e1d7;    width:100%;   margin:0;   padding:0;   overflow:hidden;    background:var(--pen-paper);   color:var(--pen-text);    font-family:   -apple-system,   BlinkMacSystemFont,   'Segoe UI',   Roboto,   Arial,   sans-serif; }   #multi-pen-page img{    width:100%;   height:auto;   display:block;  }   #multi-pen-page h1, #multi-pen-page h2, #multi-pen-page h3, #multi-pen-page p{    margin-top:0;  }   #multi-pen-page .pen-wrap{    max-width:1120px;   width:100%;   margin:auto;   padding:0 22px;  }   #multi-pen-page .pen-section{    padding:70px 0;  }   #multi-pen-page .pen-title{    color:var(--pen-dark);    font-size:38px;   line-height:1.12;    letter-spacing:-0.5px;    font-weight:800;  }   #multi-pen-page .pen-copy{    color:var(--pen-muted);    font-size:16px;   line-height:1.75;  }   #multi-pen-page .pen-eyebrow{    margin-bottom:12px;    color:var(--pen-purple);    font-size:12px;    font-weight:900;    letter-spacing:1.8px;    text-transform:uppercase;  }    \/* =========================================================  HERO ========================================================= *\/   #multi-pen-page .pen-hero{  background: radial-gradient(circle at 15% 20%,rgba(124,92,255,.18),transparent 35%), linear-gradient(135deg,#faf7ff,#ffffff);  }   #multi-pen-page .pen-hero-grid{  display:grid;  grid-template-columns: 1fr 1fr;  gap:40px;  align-items:center;  max-width:1280px;  margin:auto;  min-height:650px;  }   #multi-pen-page .pen-hero-copy{  padding:50px 30px;  }   #multi-pen-page .pen-badge{  display:inline-flex;  padding:8px 14px;  border-radius:999px;  background:#f0eaff;  color:#6848e8;  font-size:11px;  font-weight:900;  letter-spacing:1px;  margin-bottom:20px;  }    #multi-pen-page .pen-hero h1{  font-size:54px;  line-height:1.03;  letter-spacing:-1px;  font-weight:900;  color:#202124;  margin-bottom:20px;  }   #multi-pen-page .pen-hero h1 span{  color:var(--pen-purple);  }   #multi-pen-page .pen-hero p{  max-width:520px;  font-size:17px;  line-height:1.75;  color:#555b66;  margin-bottom:25px;  }   #multi-pen-page .pen-tags{  display:flex;  flex-wrap:wrap;  gap:8px;  margin-bottom:28px;  }   #multi-pen-page .pen-tag{  padding:8px 12px;  border-radius:8px;  background:white;  border:1px solid #e7ddff;  font-size:12px;  font-weight:700;  color:#555;  }    #multi-pen-page .pen-btn{  display:inline-flex;  align-items:center;  justify-content:center;  min-height:54px;  padding:0 30px;  border-radius:10px;  background: linear-gradient(180deg,#8d70ff,#6848e8);  color:white;  font-size:15px;  font-weight:900;  text-decoration:none;  box-shadow:0 12px 30px rgba(124,92,255,.25);  }    #multi-pen-page .pen-hero-image{  border-radius:24px;  overflow:hidden;  box-shadow: 0 25px 60px rgba(0,0,0,.12);  }   \/* =========================================================  TRUST BAR ========================================================= *\/   #multi-pen-page .pen-trust{  background:#fffaf3;  border-top:1px solid var(--pen-line);  border-bottom:1px solid var(--pen-line);  }   #multi-pen-page .pen-trust-grid{  display:grid;  grid-template-columns:repeat(4,1fr);  }   #multi-pen-page .pen-trust-item{  padding:22px 10px;  text-align:center;  border-right:1px solid var(--pen-line);  }   #multi-pen-page .pen-trust-item:last-child{  border-right:0;  }   #multi-pen-page .pen-trust-icon{  font-size:24px;  margin-bottom:8px;  }   #multi-pen-page .pen-trust-item strong{  display:block;  font-size:13px;  color:#222;  margin-bottom:5px;  }   #multi-pen-page .pen-trust-item span{  font-size:11px;  color:#777;  }    \/* =========================================================  STORY ========================================================= *\/   #multi-pen-page .pen-story{  background:#ffffff;  }   #multi-pen-page .pen-story-grid{  display:grid;  grid-template-columns:1fr 1fr;  gap:55px;  align-items:center;  }    #multi-pen-page .pen-photo{  overflow:hidden;  border-radius:20px;  box-shadow: 0 18px 45px rgba(0,0,0,.12);  }    #multi-pen-page .pen-callout{  margin-top:25px;  padding:18px 20px;  border-left:4px solid var(--pen-purple);  background:#f5f0ff;  border-radius:0 12px 12px 0;  font-size:17px;  line-height:1.55;  color:#514a65;  font-weight:600;  }    \/* 图片占位说明 Hero: 替换这里  https:\/\/cdn.techcloudclub.com\/image\/HERO.jpg  Story: 替换这里  https:\/\/cdn.techcloudclub.com\/image\/STORY.jpg  *\/   \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  HERO ===================================================== --\u003e\n\u003csection class=\"pen-hero\"\u003e\n\u003cdiv class=\"pen-hero-grid\"\u003e\n\u003cdiv class=\"pen-hero-copy\"\u003e\n\u003cdiv class=\"pen-badge\"\u003e✨ SMART STATIONERY FOR STUDY \u0026amp; WORK\u003c\/div\u003e\n\u003ch1\u003eOne Pen.\u003cbr\u003eFive Everyday Tools.\u003c\/h1\u003e\n\u003cp\u003eStop carrying multiple small tools around. This 5-in-1 multifunction pen combines writing, marking, measuring, touchscreen tapping and a hidden blue ink pen into one compact design made for school, office and everyday desk tasks.\u003c\/p\u003e\n\u003cdiv class=\"pen-tags\"\u003e\n\u003cspan class=\"pen-tag\"\u003e 🖊️ 0.5mm Writing \u003c\/span\u003e \u003cspan class=\"pen-tag\"\u003e 📏 Built-in Ruler \u003c\/span\u003e \u003cspan class=\"pen-tag\"\u003e 📱 Touch Stylus \u003c\/span\u003e \u003cspan class=\"pen-tag\"\u003e 🖍️ Marker Tip \u003c\/span\u003e \u003cspan class=\"pen-tag\"\u003e 🔵 Hidden Ink Pen \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/a2ad40c9a043db927594006cd059dbbe0228056b.jpeg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST --\u003e\n\u003csection class=\"pen-trust\"\u003e\n\u003cdiv class=\"pen-trust-grid\"\u003e\n\u003cdiv class=\"pen-trust-item\"\u003e\n\u003cdiv class=\"pen-trust-icon\"\u003e🖊️\u003c\/div\u003e\n\u003cstrong\u003e 5-in-1 Design \u003c\/strong\u003e Multiple tools in one pen\u003c\/div\u003e\n\u003cdiv class=\"pen-trust-item\"\u003e\n\u003cdiv class=\"pen-trust-icon\"\u003e📏\u003c\/div\u003e\n\u003cstrong\u003e 16cm Ruler \u003c\/strong\u003e Quick measurements anywhere\u003c\/div\u003e\n\u003cdiv class=\"pen-trust-item\"\u003e\n\u003cdiv class=\"pen-trust-icon\"\u003e🎨\u003c\/div\u003e\n\u003cstrong\u003e 6 Dopamine Colors \u003c\/strong\u003e Bright \u0026amp; playful designs\u003c\/div\u003e\n\u003cdiv class=\"pen-trust-item\"\u003e\n\u003cdiv class=\"pen-trust-icon\"\u003e🎒\u003c\/div\u003e\n\u003cstrong\u003e Easy To Carry \u003c\/strong\u003e Fits bags \u0026amp; pencil cases\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- STORY --\u003e\n\u003csection class=\"pen-section pen-story\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-story-grid\"\u003e\n\u003cdiv class=\"pen-photo\"\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/2098542a6be3ff557f6f98f81e61ffae3f611c0b.jpeg\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eONE TOOL FOR EVERYDAY MOMENTS\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eYour Desk Gets Simpler With One Smart Pen.\u003c\/h2\u003e\n\u003cp class=\"pen-copy\"\u003eFrom taking class notes to planning projects, highlighting important information or checking quick measurements, this compact multifunction pen keeps the tools you use most within reach. \u003cbr\u003e\u003cbr\u003eA practical addition for students, teachers, designers, office workers and anyone who loves organized stationery.\u003c\/p\u003e\n\u003cdiv class=\"pen-callout\"\u003e'Less searching. Less clutter. More creating.'\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================  FEATURES ===================================================== --\u003e\n\u003csection class=\"pen-section\" style=\"background: #fffaf3;\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-center\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eFIVE FUNCTIONS IN ONE\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eMore Than A Pen. A Complete Desk Companion.\u003c\/h2\u003e\n\u003cp class=\"pen-copy\"\u003eDesigned to handle the small tasks that happen every day — writing, highlighting, measuring, tapping and organizing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-grid\"\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e🖊️0.5mm Fine Writing Tip\u003c\/h3\u003e\n\u003cp\u003eSmooth bullet-style writing tip for notes, homework, planners and everyday office writing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e📏Built-In Ruler Scale\u003c\/h3\u003e\n\u003cp\u003eClear ruler markings along the pen body help with quick measurements and straight reference lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e🖍️Marker Highlight Tip\u003c\/h3\u003e\n\u003cp\u003eQuickly highlight important information and organize notes with a second marking function.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e📱Touchscreen Stylus\u003c\/h3\u003e\n\u003cp\u003eUse the stylus end with compatible touchscreen devices for tapping and scrolling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e🔵Hidden Blue Ink Pen\u003c\/h3\u003e\n\u003cp\u003eRotate the upper section to reveal an additional blue-ink writing pen whenever needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-feature-card\"\u003e\n\u003ch3\u003e📎Portable Clip Design\u003c\/h3\u003e\n\u003cp\u003eClip it onto notebooks, pockets or pencil cases and keep your tool always within reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-center{  text-align:center;  max-width:760px;  margin:0 auto 40px;  }     #multi-pen-page .pen-feature-grid{   display:grid;  grid-template-columns:repeat(3,1fr);  gap:16px;   }    #multi-pen-page .pen-feature-card{   background:white;  border:1px solid #eadfd1;  border-radius:16px;  padding:28px 22px;  box-shadow: 0 8px 25px rgba(0,0,0,.04);   }    #multi-pen-page .pen-feature-icon{   font-size:32px;  margin-bottom:15px;   }   #multi-pen-page .pen-feature-card h3{   font-size:17px;  color:#222;  margin-bottom:10px;   }   #multi-pen-page .pen-feature-card p{   font-size:13px;  line-height:1.65;  color:#70757c;  margin:0;   }   \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  HOW TO USE ===================================================== --\u003e\n\u003csection class=\"pen-section\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-center\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eONE PEN. MANY POSSIBILITIES\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eFrom Notes To Quick Measurements.\u003c\/h2\u003e\n\u003cp class=\"pen-copy\"\u003eA compact tool designed for everyday moments at school, work and home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-use-grid\"\u003e\n\u003cdiv class=\"pen-use-card\"\u003e\n\u003cdiv\u003e📚\u003c\/div\u003e\n\u003ch3\u003eStudy Notes\u003c\/h3\u003e\n\u003cp\u003eWrite assignments, highlight key points and organize learning materials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-use-card\"\u003e\n\u003cdiv\u003e💻\u003c\/div\u003e\n\u003ch3\u003eOffice Desk\u003c\/h3\u003e\n\u003cp\u003eKeep writing, marking and quick measuring tools ready during work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-use-card\"\u003e\n\u003cdiv\u003e📐\u003c\/div\u003e\n\u003ch3\u003eCreative Projects\u003c\/h3\u003e\n\u003cp\u003eDraw straight lines and check small measurements anytime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-use-card\"\u003e\n\u003cdiv\u003e📱\u003c\/div\u003e\n\u003ch3\u003eTablet Use\u003c\/h3\u003e\n\u003cp\u003eTap and scroll on compatible touchscreen devices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-use-grid{   display:grid;  grid-template-columns:repeat(4,1fr);  gap:14px;   }    #multi-pen-page .pen-use-card{   padding:25px 18px;  background:#fff;  border:1px solid #eee4d8;  border-radius:14px;  text-align:center;   }    #multi-pen-page .pen-use-card div{  font-size:30px;  margin-bottom:10px;  }   #multi-pen-page .pen-use-card h3{   font-size:15px;  margin-bottom:8px;  color:#222;   }   #multi-pen-page .pen-use-card p{   font-size:12px;  line-height:1.55;  color:#777;   }   \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  COLORS ===================================================== --\u003e\n\u003csection class=\"pen-section\" style=\"background: #f7f2ff;\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-color-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eSIX DOPAMINE COLORS\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eChoose The Color That Matches Your Style.\u003c\/h2\u003e\n\u003cp class=\"pen-copy\"\u003eBright, playful colors bring personality to your everyday stationery collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-photo\"\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/caf683261b1be16c452d7147dd8738762d7a28f5.jpeg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-color-grid{   display:grid;  grid-template-columns:1fr 1fr;  gap:50px;  align-items:center;   }   \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  SPECIFICATIONS ===================================================== --\u003e\n\u003csection class=\"pen-section\" style=\"background: #fffaf3;\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-center\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eEverything You Need To Know.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-spec\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eProduct Name\u003c\/strong\u003e5-in-1 Multifunction Pen\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFunctions\u003c\/strong\u003e Writing pen, marker tip, ruler, touchscreen stylus, hidden blue ink pen\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWriting Tip\u003c\/strong\u003e 0.5mm fine bullet-style tip\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRuler Length\u003c\/strong\u003e Approx. 16cm \/ 6.30in\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eInk Color\u003c\/strong\u003e Blue ink hidden pen\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAvailable Colors\u003c\/strong\u003e Purple, Yellow, Green, Sky Blue, Pink, Orange\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-spec{   max-width:850px;  margin:auto;  background:white;  border-radius:16px;  overflow:hidden;  border:1px solid #e8dfd3;   }    #multi-pen-page .pen-spec div{   display:grid;  grid-template-columns:180px 1fr;  border-bottom:1px solid #eee4d8;   }   #multi-pen-page .pen-spec strong{   padding:16px;  background:#fff4e6;  font-size:13px;   }   #multi-pen-page .pen-spec span{   padding:16px;  font-size:13px;  color:#666;   }    \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  PACKAGE ===================================================== --\u003e\n\u003csection class=\"pen-section\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-center\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eWHAT'S INCLUDED\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eEverything Starts With One Pen.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"max-width: 500px; margin: auto; padding: 30px; border-radius: 16px; background: #fff8ef; text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 45px; margin-bottom: 15px;\"\u003e🖊️\u003c\/div\u003e\n\u003ch3\u003e1 × 5-in-1 Multifunction Pen\u003c\/h3\u003e\n\u003cp class=\"pen-copy\"\u003eA compact everyday tool combining writing, marking, measuring and touchscreen functions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================  FAQ ===================================================== --\u003e\n\u003csection class=\"pen-section\" style=\"background: #f3eee7;\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-center\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eQUESTIONS BEFORE PURCHASE\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pen-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many functions does this pen have?\u003c\/summary\u003e\n\u003cdiv\u003eIt combines five functions in one design: writing pen, marker tip, built-in ruler, touchscreen stylus and hidden blue-ink pen.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is the writing tip size?\u003c\/summary\u003e\n\u003cdiv\u003eThe writing tip is a 0.5mm fine bullet-style tip, suitable for everyday notes, study records and office writing.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long is the ruler?\u003c\/summary\u003e\n\u003cdiv\u003eThe ruler markings measure approximately 16cm \/ 6.30 inches along the pen body.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes the stylus work with all screens?\u003c\/summary\u003e\n\u003cdiv\u003eThe stylus end works with most capacitive touchscreen devices. Performance may vary depending on screen protector and device condition.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat colors are available?\u003c\/summary\u003e\n\u003cdiv\u003eSix colorful options are available: Purple, Yellow, Green, Sky Blue, Pink and Orange.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs this suitable as a gift?\u003c\/summary\u003e\n\u003cdiv\u003eYes. Its practical design makes it a fun stationery gift for students, teachers, coworkers and stationery lovers.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-faq{   max-width:850px;  margin:auto;   }   #multi-pen-page .pen-faq details{   background:white;  border:1px solid #ded5c9;  border-radius:12px;  margin-bottom:12px;  overflow:hidden;   }    #multi-pen-page .pen-faq summary{   padding:18px 22px;  font-size:15px;  font-weight:800;  cursor:pointer;  list-style:none;  position:relative;   }    #multi-pen-page .pen-faq summary::-webkit-details-marker{  display:none;  }   #multi-pen-page .pen-faq summary:after{   content:'+';  position:absolute;  right:20px;  font-size:22px;  color:#7c5cff;   }   #multi-pen-page .pen-faq details[open] summary:after{  content:'−';  }    #multi-pen-page .pen-faq details div{   padding:0 22px 20px;  font-size:13px;  line-height:1.7;  color:#70757c;   }   \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  CARE ===================================================== --\u003e\n\u003csection class=\"pen-section\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv class=\"pen-care-box\"\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eKEEP EVERY FUNCTION READY\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eSimple Care For Everyday Use.\u003c\/h2\u003e\n\u003cdiv class=\"pen-care-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e 🖍️ Cap The Marker \u003c\/strong\u003e\n\u003cp\u003eReplace the marker cap after use to help reduce drying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e 📱 Keep Stylus Clean \u003c\/strong\u003e\n\u003cp\u003eAvoid dust and impact around the touchscreen tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e 🎒 Store Properly \u003c\/strong\u003e\n\u003cp\u003eKeep inside a pencil case or organizer when not in use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-care-box{   padding:40px;  background:#faf6ff;  border-radius:20px;  text-align:center;   }   #multi-pen-page .pen-care-grid{   display:grid;  grid-template-columns:repeat(3,1fr);  gap:15px;  margin-top:30px;   }    #multi-pen-page .pen-care-grid div{   background:white;  padding:22px;  border-radius:14px;   }    #multi-pen-page .pen-care-grid strong{   display:block;  margin-bottom:10px;  font-size:14px;   }    #multi-pen-page .pen-care-grid p{   font-size:12px;  line-height:1.6;  color:#777;   }    \u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================  GUARANTEE ===================================================== --\u003e\n\u003csection class=\"pen-section\" style=\"background: #fffaf3;\"\u003e\n\u003cdiv class=\"pen-wrap\"\u003e\n\u003cdiv style=\"max-width: 700px; margin: auto; text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 38px; margin-bottom: 15px;\"\u003e🛡️\u003c\/div\u003e\n\u003ch2 class=\"pen-title\"\u003eDesigned For Everyday Confidence.\u003c\/h2\u003e\n\u003cp class=\"pen-copy\"\u003eWe stand behind the quality of our products. If you have questions about your order, our support team is ready to help you enjoy a smooth shopping experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================  FINAL CTA ===================================================== --\u003e\n\u003csection class=\"pen-final\"\u003e\n\u003cdiv class=\"pen-final-icon\"\u003e🖊️✨\u003c\/div\u003e\n\u003cdiv class=\"pen-eyebrow\"\u003eONE TOOL. ENDLESS EVERYDAY TASKS.\u003c\/div\u003e\n\u003ch2\u003eStop Carrying More.\u003cbr\u003eStart Creating With One Pen.\u003c\/h2\u003e\n\u003cp\u003eWrite your notes. Mark important ideas. Measure quickly. Tap your screen. Everything you need in one compact multifunction pen.\u003c\/p\u003e\n\u003cbr\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e   #multi-pen-page .pen-final{   padding:80px 20px;  text-align:center;   background: radial-gradient(circle at top, rgba(124,92,255,.25), transparent 40%), #211b36;   }   #multi-pen-page .pen-final \u003e div{   max-width:760px;  margin:auto;   }   #multi-pen-page .pen-final-icon{   font-size:40px;  margin-bottom:15px;   }   #multi-pen-page .pen-final h2{   color:white;  font-size:42px;  line-height:1.1;  margin-bottom:20px;   }    #multi-pen-page .pen-final p{   color:#d5d1df;  font-size:16px;  line-height:1.7;  margin-bottom:30px;   }   #multi-pen-page .pen-final .pen-eyebrow{  color:#d6bfff;  }    \u003c\/style\u003e\n\u003cdiv\u003e\u003c!-- =====================================================  MOBILE ===================================================== --\u003e\u003c\/div\u003e\n\u003cstyle\u003e   @media(max-width:749px){    #multi-pen-page .pen-wrap{  padding:0 15px;  }    #multi-pen-page .pen-section{  padding:45px 0;  }    #multi-pen-page .pen-title{  font-size:28px;  }    #multi-pen-page .pen-copy{  font-size:14px;  }    #multi-pen-page .pen-hero-grid{  grid-template-columns:1fr;  min-height:0;  }    #multi-pen-page .pen-hero-image{  order:1;  }    #multi-pen-page .pen-hero-copy{  order:2;  padding:35px 15px 45px;  text-align:center;  }    #multi-pen-page .pen-hero h1{  font-size:36px;  }    #multi-pen-page .pen-tags{  justify-content:center;  }    #multi-pen-page .pen-btn{  width:100%;  }    #multi-pen-page .pen-trust-grid{  grid-template-columns:repeat(2,1fr);  }    #multi-pen-page .pen-story-grid,   #multi-pen-page .pen-color-grid{   grid-template-columns:1fr;  gap:25px;   }    #multi-pen-page .pen-feature-grid{   grid-template-columns:1fr;   }    #multi-pen-page .pen-use-grid{   grid-template-columns:1fr 1fr;   }    #multi-pen-page .pen-spec div{   grid-template-columns:110px 1fr;   }    #multi-pen-page .pen-spec strong,  #multi-pen-page .pen-spec span{   padding:12px 10px;  font-size:11px;   }    #multi-pen-page .pen-care-grid{   grid-template-columns:1fr;  }    #multi-pen-page .pen-final{   padding:55px 16px;  }    #multi-pen-page .pen-final h2{   font-size:30px;   }   }    @media(max-width:380px){   #multi-pen-page .pen-use-grid{  grid-template-columns:1fr;  }   #multi-pen-page .pen-hero h1{  font-size:32px;  }   }    \u003c\/style\u003e\n\u003cdiv id=\"multi-pen-page\"\u003e\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Purple","offer_id":67596189303086,"sku":"XJL2609308067-紫色","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Yellow","offer_id":67596189335854,"sku":"XJL2609308067-黄色","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":67596189368622,"sku":"XJL2609308067-浅绿","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Sky Blue","offer_id":67596189401390,"sku":"XJL2609308067-浅蓝","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":67596189434158,"sku":"XJL2609308067-粉色","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Orange","offer_id":67596189466926,"sku":"XJL2609308067-橙色","price":9.99,"currency_code":"USD","in_stock":true},{"title":"🔥A Set (6 colors) | Save 30% \u0026 Free Shipping","offer_id":67596189499694,"sku":"XJL2609308067-紫色+黄色+浅绿+浅蓝+粉色+橙色","price":41.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/0f0ba49d0d6c47aa1ae35bd54b4af596a7d132b9.jpg?v=1790749122","url":"https:\/\/cotitoc.com\/de\/products\/5-in-1-multifunction-ruler-stylus-pen","provider":"cotitoc","version":"1.0","type":"link"}