*{box-sizing:border-box;}
:root{--kyyeu-accent:#3A3226; --kyyeu-heading-font:'Patrick Hand','Caveat',cursive; --kyyeu-heading-scale:1;}

  body{margin:0; background:var(--kyyeu-bg,#FFF6E5); color:#3A3226; font-family:'Literata',serif; line-height:1.7; position:relative; overflow-x:hidden;}
  .wrap{max-width:720px; margin:0 auto; position:relative; z-index:2;}
  @media (prefers-reduced-motion: reduce){ .dust{display:none;} }

  /* BỤI NẮNG LƠ LỬNG */
  .dust-field{position:fixed; inset:0; pointer-events:none; z-index:1; overflow:hidden;}
  .dust{position:absolute; bottom:-10px; width:4px; height:4px; background:#F2D9A0; border-radius:50%; opacity:.7; animation:float linear infinite;}
  @keyframes float{
    0%{transform:translate(0,0); opacity:0;}
    10%{opacity:.8;}
    100%{transform:translate(20px,-110vh); opacity:0;}
  }

  /* CỬA SỔ LỚP HỌC */
  .cover{position:relative; padding:0; text-align:center; overflow:hidden;}
  .window{
    position:relative; height:60vh; min-height:380px;
    background:linear-gradient(180deg, rgba(255,246,229,.1), rgba(255,246,229,.5)), url('https://picsum.photos/id/1005/900/700') center/cover;
  }
  .window::before, .window::after{content:""; position:absolute; background:#8B6F47;}
  .window::before{top:0; bottom:0; left:50%; width:10px; transform:translateX(-50%);}
  .window::after{left:0; right:0; top:50%; height:10px; transform:translateY(-50%);}
  .window-frame{position:absolute; inset:16px; border:10px solid #8B6F47;}
  .light-ray{position:absolute; top:-20%; left:20%; width:200px; height:160%; background:linear-gradient(180deg, rgba(255,236,180,.35), transparent); transform:rotate(18deg); pointer-events:none;}
  .cover-caption{position:relative; padding:26px 24px 40px; background:#FFF6E5;}
  .eyebrow{font-size:12px; letter-spacing:.2em; color:#8B6F47; margin-bottom:10px;}
  .cover-caption h1{font-family:var(--kyyeu-heading-font); font-weight:700; font-size:calc(46px * var(--kyyeu-heading-scale)); margin:0 0 6px; color:var(--kyyeu-accent);}
  .cover-caption p{margin:0; font-size:14px; color:#6B5E48;}

  .section{padding:50px 24px 8px; position:relative; z-index:2;}
  .section-head{text-align:center; margin-bottom:26px;}
  .section h2{font-family:var(--kyyeu-heading-font); font-weight:600; font-size:calc(32px * var(--kyyeu-heading-scale)); color:var(--kyyeu-accent); margin:0 0 4px;}
  .section .sub{font-size:13.5px; color:#8A7860;}

  .photo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
  .photo-grid figure{margin:0; position:relative; overflow:hidden; border-radius:4px;}
  .photo-grid img{width:100%; height:110px; object-fit:cover; display:block;}
  .photo-grid figcaption{position:absolute; left:0; right:0; bottom:0; padding:6px 8px; font-size:11px; color:#fff; background:linear-gradient(transparent,rgba(58,50,38,.7));}
  @media(min-width:600px){.photo-grid img{height:150px;}}

  .see-full{text-align:center; margin:22px 0 0;}
  .see-full a{font-family:'Patrick Hand','Caveat',cursive; font-size:20px; color:#8B6F47; text-decoration:none; border-bottom:1px dashed #8B6F47;}

  /* LỜI NHẮN VIẾT BẰNG PHẤN TRÊN BẢNG ĐEN */
  .blackboard{max-width:560px; margin:0 auto; background:#2F4538; border:14px solid #6B5236; border-radius:4px; padding:24px 22px; box-shadow:0 16px 34px rgba(0,0,0,.25);}
  .chalk-note{font-family:'Patrick Hand','Caveat',cursive; font-size:21px; color:#F5F1E0; margin-bottom:16px; padding-bottom:14px; border-bottom:1px dashed rgba(245,241,224,.25);}
  .chalk-note:last-child{border-bottom:none; margin-bottom:0;}
  .chalk-note cite{display:block; text-align:right; font-size:16px; color:#C9E4C5; margin-top:4px;}

  /* LỜI CÔ CHỦ NHIỆM — GIẤY DÁN Ô CỬA SỔ */
  .teacher-note{max-width:480px; margin:0 auto; background:#FFFDF6; padding:24px 24px 26px; box-shadow:0 12px 26px rgba(58,50,38,.14); position:relative; transform:rotate(-1deg);}
  .teacher-note::before{content:""; position:absolute; top:-10px; left:50%; transform:translateX(-50%) rotate(-4deg); width:56px; height:22px; background:rgba(242,217,160,.85);}
  .teacher-note p{font-family:'Patrick Hand','Caveat',cursive; font-size:21px; margin:0 0 10px; color:#3A3226;}
  .teacher-note cite{display:block; text-align:right; font-size:16px; color:#8B6F47;}

  /* CON SỐ THANH XUÂN */
  .stat-row{display:flex; justify-content:center; gap:28px; flex-wrap:wrap; max-width:520px; margin:0 auto;}
  .stat-chip{text-align:center; background:#fff; border-radius:12px; padding:16px 18px; box-shadow:0 8px 18px rgba(58,50,38,.08); min-width:100px;}
  .stat-chip strong{display:block; font-family:'Patrick Hand','Caveat',cursive; font-size:26px; color:#8B6F47;}
  .stat-chip span{font-size:11.5px; color:#8A7860; letter-spacing:.03em;}

  .share{margin:56px 24px 30px; padding:36px 24px; text-align:center; border-radius:6px; background:#8B6F47; color:#FFF6E5;}
  .share h2{font-family:'Patrick Hand','Caveat',cursive; font-size:30px; margin:0 0 6px;}
  .share p{font-size:13.5px; margin:0 0 18px; color:#F2E4C9;}
  #qrcode{background:#fff; display:inline-block; padding:8px; border-radius:8px; margin-bottom:14px;}
  .link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(255,246,229,.15); padding:6px 12px; border-radius:20px;}
  .link-row button{background:#2F4538; color:#F5F1E0; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; cursor:pointer;}

  .foot{text-align:center; font-size:12px; color:#8A7860; padding:0 20px 40px; position:relative; z-index:2;}