{"product_id":"school-memory-book","title":"Hot sales🔥School Memory Book","description":"\u003cstyle\u003e\n\/* =========================================================\n   SCHOOL MEMORY BOOK\n   PRESCHOOL THROUGH 12TH GRADE\n   PLAYFUL SCHOOL \/ KEEPSAKE STYLE\n========================================================= *\/\n\n#school-memory-page{\n  --red:#e94a3d;\n  --orange:#f29a38;\n  --yellow:#f5c84c;\n  --blue:#437fc7;\n  --sky:#70b6e4;\n  --green:#62a96b;\n  --purple:#8465b8;\n  --cream:#fffaf0;\n  --paper:#fffdf8;\n  --light:#f7f4ef;\n  --text:#333039;\n  --muted:#77717a;\n  --dark:#29252d;\n  --white:#ffffff;\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:10px 18px 50px;\n\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  line-height:1.6;\n\n  \/* =======================================================\n     IMPORTANT:\n     防止详情页文字\/白色卡片滑动时遮挡快捷加购\n  ======================================================== *\/\n  position:relative;\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#school-memory-page *{\n  box-sizing:border-box;\n}\n\n#school-memory-page h2,\n#school-memory-page h3,\n#school-memory-page p{\n  margin-top:0;\n}\n\n#school-memory-page .sm-section{\n  position:relative;\n  overflow:hidden;\n  margin-bottom:22px;\n\n  z-index:0;\n  isolation:isolate;\n}\n\n#school-memory-page .sm-section::before,\n#school-memory-page .sm-section::after{\n  z-index:0 !important;\n}\n\n#school-memory-page .sm-section \u003e *{\n  position:relative;\n  z-index:1 !important;\n}\n\n#school-memory-page .sm-kicker{\n  display:inline-block;\n  margin-bottom:10px;\n\n  color:var(--red);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.4px;\n  text-transform:uppercase;\n}\n\n#school-memory-page .sm-title{\n  margin-bottom:14px;\n\n  font-size:37px;\n  font-weight:850;\n  line-height:1.1;\n  letter-spacing:-.8px;\n}\n\n#school-memory-page .sm-copy{\n  max-width:730px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   1. HERO\n========================================================= *\/\n\n#school-memory-page .sm-hero{\n  padding:74px 42px 64px;\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 12% 15%,\n      rgba(245,200,76,.24),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 88% 18%,\n      rgba(112,182,228,.22),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 82% 90%,\n      rgba(132,101,184,.17),\n      transparent 23%\n    ),\n    linear-gradient(\n      135deg,\n      #c93d34,\n      #e9583e 50%,\n      #e77d36\n    );\n\n  color:#fff;\n  text-align:center;\n\n  box-shadow:\n    0 20px 45px rgba(89,52,46,.15);\n}\n\n\/* 校园涂鸦 *\/\n#school-memory-page .sm-hero::before{\n  content:\"ABC   ✎   123\";\n\n  position:absolute;\n  left:25px;\n  bottom:25px;\n\n  color:rgba(255,255,255,.15);\n\n  font-size:22px;\n  font-weight:900;\n  letter-spacing:10px;\n\n  transform:rotate(-7deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-hero::after{\n  content:\"★  ✦  ★\";\n\n  position:absolute;\n  right:28px;\n  top:29px;\n\n  color:rgba(255,231,129,.35);\n\n  font-size:24px;\n  letter-spacing:8px;\n\n  transform:rotate(5deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-hero-inner{\n  max-width:900px;\n  margin:0 auto;\n}\n\n#school-memory-page .sm-hero .sm-kicker{\n  color:#ffe99f;\n}\n\n#school-memory-page .sm-hero h2{\n  max-width:880px;\n  margin:0 auto 18px;\n\n  font-size:50px;\n  font-weight:900;\n  line-height:1.03;\n  letter-spacing:-1.2px;\n}\n\n#school-memory-page .sm-hero h2 span{\n  color:#ffe37c;\n}\n\n#school-memory-page .sm-hero p{\n  max-width:760px;\n  margin:0 auto 30px;\n\n  color:rgba(255,255,255,.86);\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n#school-memory-page .sm-badges{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:9px;\n}\n\n#school-memory-page .sm-badge{\n  padding:10px 15px;\n\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.09);\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   2. PROBLEM \/ MEMORY PAIN\n========================================================= *\/\n\n#school-memory-page .sm-problem{\n  padding:55px 42px;\n\n  border-radius:28px;\n\n  background:\n    repeating-linear-gradient(\n      0deg,\n      transparent 0,\n      transparent 31px,\n      rgba(67,127,199,.055) 32px,\n      rgba(67,127,199,.055) 33px\n    ),\n    radial-gradient(\n      circle at 92% 10%,\n      rgba(233,74,61,.08),\n      transparent 20%\n    ),\n    var(--paper);\n\n  text-align:center;\n}\n\n#school-memory-page .sm-problem::after{\n  content:\"✎\";\n\n  position:absolute;\n  right:28px;\n  top:18px;\n\n  color:rgba(233,74,61,.13);\n\n  font-size:56px;\n\n  transform:rotate(18deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n\n  margin-top:31px;\n}\n\n#school-memory-page .sm-card{\n  padding:27px 19px;\n\n  border-radius:20px;\n\n  background:#fff;\n\n  box-shadow:\n    0 8px 22px rgba(60,52,56,.05);\n}\n\n#school-memory-page .sm-card span{\n  display:block;\n  margin-bottom:8px;\n\n  font-size:30px;\n}\n\n#school-memory-page .sm-card strong{\n  display:block;\n  margin-bottom:6px;\n\n  font-size:15px;\n}\n\n#school-memory-page .sm-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   3. PRESCHOOL TO 12TH GRADE\n========================================================= *\/\n\n#school-memory-page .sm-years{\n  padding:57px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 8% 15%,\n      rgba(255,255,255,.14),\n      transparent 20%\n    ),\n    radial-gradient(\n      circle at 92% 85%,\n      rgba(245,200,76,.20),\n      transparent 22%\n    ),\n    linear-gradient(\n      135deg,\n      #3e74b9,\n      #5874bf 50%,\n      #8264ad\n    );\n\n  color:#fff;\n  text-align:center;\n}\n\n#school-memory-page .sm-years::before{\n  content:\"K  •  1  •  2  •  3  •  4  •  5\";\n\n  position:absolute;\n  top:25px;\n  left:25px;\n\n  color:rgba(255,255,255,.12);\n\n  font-size:18px;\n  font-weight:900;\n  letter-spacing:4px;\n\n  transform:rotate(-3deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-years .sm-kicker{\n  color:#e8e0ff;\n}\n\n#school-memory-page .sm-years h2{\n  max-width:810px;\n  margin:0 auto 14px;\n\n  font-size:38px;\n  line-height:1.1;\n}\n\n#school-memory-page .sm-years \u003e p{\n  max-width:720px;\n  margin:0 auto 30px;\n\n  color:rgba(255,255,255,.84);\n\n  font-size:15px;\n  line-height:1.72;\n}\n\n#school-memory-page .sm-year-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:10px;\n\n  max-width:900px;\n  margin:0 auto;\n}\n\n#school-memory-page .sm-year{\n  padding:18px 10px;\n\n  border:1px solid rgba(255,255,255,.16);\n  border-radius:16px;\n\n  background:rgba(255,255,255,.08);\n}\n\n#school-memory-page .sm-year span{\n  display:block;\n  margin-bottom:6px;\n\n  font-size:24px;\n}\n\n#school-memory-page .sm-year strong{\n  display:block;\n\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   4. GUIDED MEMORY PAGES\n========================================================= *\/\n\n#school-memory-page .sm-prompts{\n  padding:55px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 90% 12%,\n      rgba(245,200,76,.10),\n      transparent 20%\n    ),\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(112,182,228,.08),\n      transparent 21%\n    ),\n    #fff9ef;\n\n  text-align:center;\n}\n\n#school-memory-page .sm-prompts::before{\n  content:\"MY FAVORITES\";\n\n  position:absolute;\n  right:-8px;\n  top:30px;\n\n  color:rgba(233,74,61,.07);\n\n  font-size:30px;\n  font-weight:900;\n\n  transform:rotate(8deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-prompt-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n\n  margin-top:31px;\n}\n\n#school-memory-page .sm-prompt-card{\n  padding:27px 19px;\n\n  border-radius:20px;\n\n  background:#fff;\n}\n\n#school-memory-page .sm-prompt-card span{\n  display:block;\n  margin-bottom:8px;\n\n  font-size:29px;\n}\n\n#school-memory-page .sm-prompt-card strong{\n  display:block;\n  margin-bottom:6px;\n\n  font-size:15px;\n}\n\n#school-memory-page .sm-prompt-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   5. POCKET STORAGE\n========================================================= *\/\n\n#school-memory-page .sm-pockets{\n  padding:55px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 12% 20%,\n      rgba(245,200,76,.17),\n      transparent 21%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(233,74,61,.15),\n      transparent 22%\n    ),\n    linear-gradient(\n      145deg,\n      #29262d,\n      #443b49\n    );\n\n  color:#fff;\n  text-align:center;\n}\n\n#school-memory-page .sm-pockets::after{\n  content:\"▱   ▱   ▱\";\n\n  position:absolute;\n  right:25px;\n  bottom:20px;\n\n  color:rgba(245,200,76,.14);\n\n  font-size:34px;\n  letter-spacing:10px;\n\n  transform:rotate(-8deg);\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-pockets .sm-kicker{\n  color:#ffe39b;\n}\n\n#school-memory-page .sm-pockets h2{\n  max-width:800px;\n  margin:0 auto 14px;\n\n  font-size:37px;\n}\n\n#school-memory-page .sm-pockets \u003e p{\n  max-width:710px;\n  margin:0 auto 28px;\n\n  color:rgba(255,255,255,.76);\n\n  font-size:15px;\n}\n\n#school-memory-page .sm-pocket-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n\n  max-width:900px;\n  margin:0 auto;\n}\n\n#school-memory-page .sm-pocket-card{\n  padding:24px 16px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.06);\n}\n\n#school-memory-page .sm-pocket-card span{\n  display:block;\n  margin-bottom:8px;\n\n  font-size:27px;\n}\n\n#school-memory-page .sm-pocket-card strong{\n  display:block;\n  margin-bottom:6px;\n\n  font-size:14px;\n}\n\n#school-memory-page .sm-pocket-card small{\n  color:rgba(255,255,255,.63);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   6. SPIRAL + CARDSTOCK\n========================================================= *\/\n\n#school-memory-page .sm-build{\n  padding:55px 42px;\n\n  border-radius:28px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 38px,\n      rgba(132,101,184,.03) 39px,\n      rgba(132,101,184,.03) 40px\n    ),\n    radial-gradient(\n      circle at 92% 10%,\n      rgba(112,182,228,.08),\n      transparent 20%\n    ),\n    #f7f4ef;\n\n  text-align:center;\n}\n\n#school-memory-page .sm-build::before{\n  content:\"● ● ● ● ●\";\n\n  position:absolute;\n  left:22px;\n  top:20px;\n\n  color:rgba(67,127,199,.11);\n\n  font-size:12px;\n  letter-spacing:7px;\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-build-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:13px;\n\n  margin-top:31px;\n}\n\n#school-memory-page .sm-build-card{\n  padding:30px 22px;\n\n  border-radius:20px;\n\n  background:#fff;\n}\n\n#school-memory-page .sm-build-card span{\n  display:block;\n  margin-bottom:9px;\n\n  font-size:31px;\n}\n\n#school-memory-page .sm-build-card strong{\n  display:block;\n  margin-bottom:7px;\n\n  font-size:16px;\n}\n\n#school-memory-page .sm-build-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   7. WHAT YOU CAN SAVE\n========================================================= *\/\n\n#school-memory-page .sm-save{\n  padding:55px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 90% 14%,\n      rgba(233,74,61,.08),\n      transparent 20%\n    ),\n    radial-gradient(\n      circle at 10% 90%,\n      rgba(245,200,76,.08),\n      transparent 20%\n    ),\n    #fffaf2;\n\n  text-align:center;\n}\n\n#school-memory-page .sm-save::after{\n  content:\"★  ✏  ★\";\n\n  position:absolute;\n  right:25px;\n  top:22px;\n\n  color:rgba(233,74,61,.11);\n\n  font-size:21px;\n  letter-spacing:8px;\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-save-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n\n  margin-top:31px;\n}\n\n#school-memory-page .sm-save-card{\n  padding:25px 15px;\n\n  border-radius:19px;\n\n  background:#fff;\n\n  box-shadow:\n    0 7px 20px rgba(60,52,56,.04);\n}\n\n#school-memory-page .sm-save-card span{\n  display:block;\n  margin-bottom:8px;\n\n  font-size:28px;\n}\n\n#school-memory-page .sm-save-card strong{\n  display:block;\n  margin-bottom:6px;\n\n  font-size:14px;\n}\n\n#school-memory-page .sm-save-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   8. GIFT \/ FAMILY KEEPSAKE\n========================================================= *\/\n\n#school-memory-page .sm-gift{\n  padding:56px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(245,200,76,.21),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 88% 84%,\n      rgba(112,182,228,.13),\n      transparent 23%\n    ),\n    linear-gradient(\n      135deg,\n      #d94a39,\n      #aa3435\n    );\n\n  color:#fff;\n  text-align:center;\n}\n\n#school-memory-page .sm-gift::before{\n  content:\"★  ★  ★\";\n\n  position:absolute;\n  left:27px;\n  bottom:22px;\n\n  color:rgba(255,232,140,.19);\n\n  font-size:22px;\n  letter-spacing:10px;\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-gift .sm-kicker{\n  color:#ffe4a0;\n}\n\n#school-memory-page .sm-gift h2{\n  max-width:800px;\n  margin:0 auto 14px;\n\n  font-size:37px;\n}\n\n#school-memory-page .sm-gift p{\n  max-width:720px;\n  margin:0 auto;\n\n  color:rgba(255,255,255,.80);\n\n  font-size:15px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   9. PRODUCT DETAILS\n========================================================= *\/\n\n#school-memory-page .sm-details{\n  padding:49px 42px;\n\n  border-radius:28px;\n\n  background:\n    repeating-linear-gradient(\n      0deg,\n      transparent,\n      transparent 31px,\n      rgba(67,127,199,.035) 32px,\n      rgba(67,127,199,.035) 33px\n    ),\n    #f7f4ef;\n}\n\n#school-memory-page .sm-details-head{\n  margin-bottom:27px;\n\n  text-align:center;\n}\n\n#school-memory-page .sm-details-head h2{\n  margin-bottom:6px;\n\n  font-size:33px;\n}\n\n#school-memory-page .sm-detail-card{\n  max-width:820px;\n  margin:0 auto;\n\n  padding:30px;\n\n  border-radius:20px;\n\n  background:#fff;\n}\n\n#school-memory-page .sm-detail-row{\n  display:grid;\n  grid-template-columns:190px 1fr;\n  gap:15px;\n\n  padding:13px 0;\n\n  border-bottom:1px solid #ebe4df;\n\n  font-size:14px;\n}\n\n#school-memory-page .sm-detail-row:last-child{\n  border-bottom:0;\n}\n\n#school-memory-page .sm-detail-row strong{\n  color:#332e35;\n}\n\n#school-memory-page .sm-detail-row span{\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   10. REVIEWS\n========================================================= *\/\n\n#school-memory-page .sm-reviews{\n  padding:51px 42px;\n\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      circle at 92% 10%,\n      rgba(245,200,76,.15),\n      transparent 20%\n    ),\n    radial-gradient(\n      circle at 8% 92%,\n      rgba(112,182,228,.12),\n      transparent 20%\n    ),\n    linear-gradient(\n      145deg,\n      #29252d,\n      #443947\n    );\n\n  color:#fff;\n}\n\n#school-memory-page .sm-reviews::before{\n  content:\"A+   ★   A+\";\n\n  position:absolute;\n  top:22px;\n  left:28px;\n\n  color:rgba(245,200,76,.13);\n\n  font-size:18px;\n  font-weight:900;\n  letter-spacing:8px;\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-review-head{\n  margin-bottom:29px;\n\n  text-align:center;\n}\n\n#school-memory-page .sm-stars{\n  color:#f5c84c;\n  letter-spacing:2px;\n}\n\n#school-memory-page .sm-review-head h2{\n  margin:7px 0 6px;\n\n  font-size:33px;\n  line-height:1.15;\n}\n\n#school-memory-page .sm-review-head p{\n  margin:0;\n\n  color:rgba(255,255,255,.56);\n\n  font-size:12px;\n}\n\n#school-memory-page .sm-review-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n}\n\n#school-memory-page .sm-review{\n  padding:24px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:19px;\n\n  background:rgba(255,255,255,.06);\n}\n\n#school-memory-page .sm-review .sm-stars{\n  margin-bottom:10px;\n\n  font-size:14px;\n}\n\n#school-memory-page .sm-review h3{\n  margin-bottom:8px;\n\n  font-size:15px;\n  line-height:1.45;\n}\n\n#school-memory-page .sm-review p{\n  margin:0;\n\n  color:rgba(255,255,255,.68);\n\n  font-size:13px;\n  line-height:1.68;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#school-memory-page .sm-final{\n  padding:62px 30px;\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 14% 20%,\n      rgba(245,200,76,.19),\n      transparent 26%\n    ),\n    radial-gradient(\n      circle at 86% 22%,\n      rgba(112,182,228,.15),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(132,101,184,.12),\n      transparent 25%\n    ),\n    linear-gradient(\n      145deg,\n      #c84038,\n      #e0623f\n    );\n\n  color:#fff;\n  text-align:center;\n}\n\n#school-memory-page .sm-final::after{\n  content:\"PRESCHOOL  •  K  •  1  •  2  •  3  •  4  •  5  •  6  •  7  •  8  •  9  •  10  •  11  •  12\";\n\n  position:absolute;\n  left:50%;\n  bottom:18px;\n\n  width:92%;\n\n  transform:translateX(-50%);\n\n  color:rgba(255,255,255,.13);\n\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:1px;\n\n  pointer-events:none;\n}\n\n#school-memory-page .sm-final .sm-kicker{\n  color:#ffe6a7;\n}\n\n#school-memory-page .sm-final h2{\n  max-width:830px;\n  margin:0 auto 13px;\n\n  font-size:39px;\n  line-height:1.12;\n}\n\n#school-memory-page .sm-final p{\n  max-width:720px;\n  margin:0 auto;\n\n  color:rgba(255,255,255,.80);\n\n  font-size:15px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:749px){\n\n  #school-memory-page{\n    padding:6px 10px 32px;\n  }\n\n  #school-memory-page .sm-section{\n    margin-bottom:15px;\n  }\n\n  #school-memory-page .sm-hero{\n    padding:48px 19px 40px;\n    border-radius:22px;\n  }\n\n  #school-memory-page .sm-hero h2{\n    font-size:32px;\n  }\n\n  #school-memory-page .sm-hero p{\n    font-size:15px;\n  }\n\n  #school-memory-page .sm-title{\n    font-size:28px;\n  }\n\n  #school-memory-page .sm-problem,\n  #school-memory-page .sm-years,\n  #school-memory-page .sm-prompts,\n  #school-memory-page .sm-pockets,\n  #school-memory-page .sm-build,\n  #school-memory-page .sm-save,\n  #school-memory-page .sm-gift,\n  #school-memory-page .sm-details,\n  #school-memory-page .sm-reviews{\n    padding:37px 17px;\n    border-radius:22px;\n  }\n\n  #school-memory-page .sm-grid-3,\n  #school-memory-page .sm-prompt-grid,\n  #school-memory-page .sm-pocket-grid,\n  #school-memory-page .sm-build-grid,\n  #school-memory-page .sm-save-grid,\n  #school-memory-page .sm-review-grid{\n    grid-template-columns:1fr;\n  }\n\n  #school-memory-page .sm-year-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  #school-memory-page .sm-years h2,\n  #school-memory-page .sm-pockets h2,\n  #school-memory-page .sm-gift h2{\n    font-size:28px;\n  }\n\n  #school-memory-page .sm-review-head h2{\n    font-size:27px;\n  }\n\n  #school-memory-page .sm-detail-row{\n    grid-template-columns:1fr;\n    gap:3px;\n  }\n\n  #school-memory-page .sm-final{\n    padding:46px 18px 52px;\n    border-radius:22px;\n  }\n\n  #school-memory-page .sm-final h2{\n    font-size:29px;\n  }\n\n  \/* 手机降低装饰强度 *\/\n  #school-memory-page .sm-hero::before{\n    font-size:15px;\n    opacity:.55;\n  }\n\n  #school-memory-page .sm-hero::after,\n  #school-memory-page .sm-problem::after,\n  #school-memory-page .sm-years::before,\n  #school-memory-page .sm-prompts::before,\n  #school-memory-page .sm-pockets::after,\n  #school-memory-page .sm-build::before,\n  #school-memory-page .sm-save::after,\n  #school-memory-page .sm-gift::before,\n  #school-memory-page .sm-reviews::before{\n    opacity:.45;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"school-memory-page\"\u003e\n\u003c!-- =====================================================\n     1. HERO\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-hero\"\u003e\n\u003cdiv class=\"sm-hero-inner\"\u003e\n\u003cspan class=\"sm-kicker\"\u003e From Preschool to Senior Year \u003c\/span\u003e\n\u003ch2\u003eOne Book for \u003cspan\u003eEvery School-Year Memory\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeep first-day photos, favorite teachers, school milestones, artwork, report cards and little memories together in one keepsake book from preschool all the way through 12th grade.\u003c\/p\u003e\n\u003cdiv class=\"sm-badges\"\u003e\n\u003cspan class=\"sm-badge\"\u003e 📚 Preschool–12th Grade \u003c\/span\u003e \u003cspan class=\"sm-badge\"\u003e 📸 Photo \u0026amp; Memory Pages \u003c\/span\u003e \u003cspan class=\"sm-badge\"\u003e 📁 Built-In Storage Pockets \u003c\/span\u003e \u003cspan class=\"sm-badge\"\u003e 🌀 Lay-Flat Spiral Binding \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     2. PROBLEM\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-problem\"\u003e\u003cspan class=\"sm-kicker\"\u003e Don't Let the Little Things Disappear \u003c\/span\u003e\n\u003ch2 class=\"sm-title\"\u003eSchool Memories Deserve Better \u003cspan style=\"color: #e94a3d;\"\u003e Than a Messy Drawer \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sm-copy\"\u003eClass photos, drawings, report cards and funny little memories can easily end up scattered across boxes, drawers and folders. This memory book gives every school year its own place.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/a212ef34-6525-45f2-91dc-91897ff3d9d8.png?v=1789633430\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-grid-3\"\u003e\n\u003cdiv class=\"sm-card\"\u003e\n\u003cspan\u003e📸\u003c\/span\u003e \u003cstrong\u003ePhotos Get Lost\u003c\/strong\u003e\n\u003cp\u003eKeep favorite school-year photos together instead of scattered around the house.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-card\"\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e \u003cstrong\u003eArtwork Piles Up\u003c\/strong\u003e\n\u003cp\u003eSave special drawings and projects without keeping every loose sheet in a drawer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-card\"\u003e\n\u003cspan\u003e❤️\u003c\/span\u003e \u003cstrong\u003eLittle Details Fade\u003c\/strong\u003e\n\u003cp\u003eCapture favorite teachers, friends, dreams and funny memories before they're forgotten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     3. PRESCHOOL TO 12TH GRADE\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-years\"\u003e\u003cspan class=\"sm-kicker\"\u003e A Place for Every School Year \u003c\/span\u003e\n\u003ch2\u003eWatch Their Story Grow From Preschool to Graduation\u003c\/h2\u003e\n\u003cp\u003eDedicated school-year sections make it easy to look back and see how much your child changed, learned and grew along the way.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/aae90c33-431b-4e70-8bce-e1c1df80226d.png?v=1789633430\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-year-grid\"\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e🧸\u003c\/span\u003e \u003cstrong\u003ePreschool\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e🎒\u003c\/span\u003e \u003cstrong\u003eKindergarten\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e✏️\u003c\/span\u003e \u003cstrong\u003eElementary\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e📚\u003c\/span\u003e \u003cstrong\u003eMiddle School\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e🏫\u003c\/span\u003e \u003cstrong\u003eHigh School\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e🏆\u003c\/span\u003e \u003cstrong\u003eAchievements\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e📸\u003c\/span\u003e \u003cstrong\u003eSchool Photos\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-year\"\u003e\n\u003cspan\u003e🎓\u003c\/span\u003e \u003cstrong\u003eSenior Year\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     4. GUIDED MEMORY PAGES\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-prompts\"\u003e\u003cspan class=\"sm-kicker\"\u003e More Than Just a Photo Album \u003c\/span\u003e\n\u003ch2 class=\"sm-title\"\u003eCapture \u003cspan style=\"color: #437fc7;\"\u003e Who They Were That Year \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sm-copy\"\u003eGuided prompts help record the little details that make each school year different — not just what they looked like, but what they loved, dreamed about and remembered.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/2456c776-c77e-4d17-9f46-c9a84c6cf324.png?v=1789633431\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-prompt-grid\"\u003e\n\u003cdiv class=\"sm-prompt-card\"\u003e\n\u003cspan\u003e📏\u003cbr\u003e\u003c\/span\u003e \u003cstrong\u003eGrowing Up\u003c\/strong\u003e\n\u003cp\u003eRecord details such as height, weight and how much they changed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-prompt-card\"\u003e\n\u003cspan\u003e⭐\u003c\/span\u003e \u003cstrong\u003eMy Favorites\u003c\/strong\u003e\n\u003cp\u003eSave favorite subjects, activities, friends and interests.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-prompt-card\"\u003e\n\u003cspan\u003e💭\u003c\/span\u003e \u003cstrong\u003eDreams \u0026amp; Memories\u003c\/strong\u003e\n\u003cp\u003eCapture future dreams, funny moments and special school-year memories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     5. POCKET STORAGE\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-pockets\"\u003e\u003cspan class=\"sm-kicker\"\u003e More Than Memories You Can Write Down \u003c\/span\u003e\n\u003ch2\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eGive Their Special School Papers a Place to Stay\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003eBuilt-in storage pockets help keep meaningful school keepsakes together with the memories from that year.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/353dd8f8-2549-403f-a874-9f8f4248bf47.png?v=1789633431\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-pocket-grid\"\u003e\n\u003cdiv class=\"sm-pocket-card\"\u003e\n\u003cspan\u003e📄\u003c\/span\u003e \u003cstrong\u003eReport Cards\u003c\/strong\u003e \u003csmall\u003e Save school-year reports and academic milestones. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-pocket-card\"\u003e\n\u003cspan\u003e🏆\u003c\/span\u003e \u003cstrong\u003eCertificates\u003c\/strong\u003e \u003csmall\u003e Keep awards and special classroom achievements. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-pocket-card\"\u003e\n\u003cspan\u003e📷\u003c\/span\u003e \u003cstrong\u003eClass Photos\u003c\/strong\u003e \u003csmall\u003e Store favorite photos from each grade. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-pocket-card\"\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e \u003cstrong\u003eArtwork\u003c\/strong\u003e \u003csmall\u003e Keep selected drawings, projects and creative memories. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     6. BUILD\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-build\"\u003e\u003cspan class=\"sm-kicker\"\u003e Made for Years of Memory Keeping \u003c\/span\u003e\n\u003ch2 class=\"sm-title\"\u003eEasy to Fill. \u003cspan style=\"color: #8465b8;\"\u003e Easy to Look Back Through. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sm-copy\"\u003ePractical details make it easier to write, add photos and revisit the book as the years go by.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/7a9b759d-e03d-49e9-84be-4c018205425c.png?v=1789633430\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-build-grid\"\u003e\n\u003cdiv class=\"sm-build-card\"\u003e\n\u003cspan\u003e🌀\u003c\/span\u003e \u003cstrong\u003eLay-Flat Spiral Binding\u003c\/strong\u003e\n\u003cp\u003eThe spiral format allows pages to open flat for easier writing, drawing and adding photos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-build-card\"\u003e\n\u003cspan\u003e📖\u003c\/span\u003e \u003cstrong\u003eThick Cardstock Pages\u003c\/strong\u003e\n\u003cp\u003eHeavyweight pages are designed for everyday memory keeping and help reduce pen bleed-through.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     7. WHAT TO SAVE\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-save\"\u003e\u003cspan class=\"sm-kicker\"\u003e One Book. So Many Little Moments. \u003c\/span\u003e\n\u003ch2 class=\"sm-title\"\u003eSave the Things \u003cspan style=\"color: #e94a3d;\"\u003e You'll Want to Remember Later \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sm-copy\"\u003eThe best school memories are often the small things — a favorite photo, a funny answer, a special teacher or a drawing you couldn't throw away.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/04fb5895-4fce-44e6-b1fe-e12e7c58b8e8.png?v=1789633430\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"sm-save-grid\"\u003e\n\u003cdiv class=\"sm-save-card\"\u003e\n\u003cspan\u003e📸\u003c\/span\u003e \u003cstrong\u003eFirst-Day Photos\u003c\/strong\u003e\n\u003cp\u003eSee how much they change from year to year.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-save-card\"\u003e\n\u003cspan\u003e👩🏫\u003c\/span\u003e \u003cstrong\u003eFavorite Teachers\u003c\/strong\u003e\n\u003cp\u003eRemember the people who made school special.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-save-card\"\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e \u003cstrong\u003eCreative Work\u003c\/strong\u003e\n\u003cp\u003eKeep favorite artwork and classroom projects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-save-card\"\u003e\n\u003cspan\u003e💭\u003c\/span\u003e \u003cstrong\u003eBig Dreams\u003c\/strong\u003e\n\u003cp\u003eLook back on what they wanted to be when they grew up.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     8. GIFT\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-gift\"\u003e\u003cspan class=\"sm-kicker\"\u003e A Gift That Gets More Meaningful Every Year \u003c\/span\u003e\n\u003ch2\u003eStart the Keepsake Now. Treasure It at Graduation.\u003c\/h2\u003e\n\u003cp\u003eA thoughtful gift for parents, children and grandparents at back-to-school time, birthdays, kindergarten milestones or the beginning of a new school journey.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     9. PRODUCT DETAILS\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-details\"\u003e\n\u003cdiv class=\"sm-details-head\"\u003e\n\u003cspan class=\"sm-kicker\"\u003e Product Information \u003c\/span\u003e\n\u003ch2\u003eSchool Memory Book\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-card\"\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003eSchool Years\u003c\/strong\u003e \u003cspan\u003ePreschool Through 12th Grade\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003ePage Style\u003c\/strong\u003e \u003cspan\u003eGuided Memory Pages With School-Year Prompts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003eMemory Prompts\u003c\/strong\u003e \u003cspan\u003eFavorites, Teachers, Growth, Dreams, Friends \u0026amp; School Memories\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003eStorage\u003c\/strong\u003e \u003cspan\u003eBuilt-In Pockets for Photos, Certificates, Report Cards \u0026amp; Artwork\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003eBinding\u003c\/strong\u003e \u003cspan\u003eSpiral Bound \/ Lay-Flat Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-detail-row\"\u003e\n\u003cstrong\u003eUse\u003c\/strong\u003e \u003cspan\u003eSchool Keepsake, Photo Album, Memory Journal \u0026amp; Family Archive\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     10. REVIEW PLACEHOLDERS\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-reviews\"\u003e\n\u003cdiv class=\"sm-review-head\"\u003e\n\u003cdiv class=\"sm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch2\u003eThe Kind of Book You Keep Forever\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-review-grid\"\u003e\n\u003cdiv class=\"sm-review\"\u003e\n\u003cdiv class=\"sm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003e“Finally everything has one place.”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-review\"\u003e\n\u003cdiv class=\"sm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003e“The prompts make each year feel personal.”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-review\"\u003e\n\u003cdiv class=\"sm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003ch3\u003e“I can't wait to give this back at graduation.”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FINAL\n====================================================== --\u003e\n\u003csection class=\"sm-section sm-final\"\u003e\u003cspan class=\"sm-kicker\"\u003e Preschool Today. Graduation Before You Know It. \u003c\/span\u003e\n\u003ch2\u003eKeep the School Years Together\u003c\/h2\u003e\n\u003cp\u003ePhotos fade into camera rolls. Papers disappear into drawers. But one carefully filled memory book can keep their whole school journey together for years to come.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Red Class","offer_id":44306375606359,"sku":"School Memory Book-条纹","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black Pattern","offer_id":44306375639127,"sku":"School Memory Book-作文笔记","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Polka Dot","offer_id":44306375671895,"sku":"School Memory Book-波点","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue School","offer_id":44306375704663,"sku":"School Memory Book-蓝色","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/057aad75-0717-44ca-8e98-f5b822e23bd2.png?v=1789633431","url":"https:\/\/mycheesemas.com\/products\/school-memory-book","provider":"mycheesemas","version":"1.0","type":"link"}