/* ============================================================
   翻书内页主题样式  Page Themes CSS (101套)
   每套主题为 .side-content 和页面元素添加独特装饰效果
   ============================================================ */

/* 修复照片变形: 所有主题通用 */
.side-image img { object-fit: contain !important; }

/* ===== 炫酷类 ===== */

/* 霓虹电波 - 紫色霓虹光效 */
.pt-neon .side-content {
  border: 2px solid #ff00ff;
  box-shadow: inset 0 0 30px rgba(255,0,255,.15), 0 0 15px rgba(255,0,255,.2);
}
.pt-neon .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,0,255,.03) 2px, rgba(255,0,255,.03) 4px);
}

/* 赛博朋克 - 青色扫描线 */
.pt-cyberpunk .side-content {
  border: 1px solid #00fff9;
  box-shadow: inset 0 0 40px rgba(0,255,249,.1);
}
.pt-cyberpunk .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, transparent 0%, rgba(0,255,249,.05) 50%, transparent 100%);
}

/* 星河宇宙 - 星点背景 */
.pt-galaxy .side-content {
  background-image: radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,.3), transparent),
    radial-gradient(1px 1px at 80% 20%, rgba(123,104,238,.4), transparent),
    radial-gradient(2px 2px at 40% 80%, rgba(255,255,255,.2), transparent);
  background-size: 100% 100%;
}

/* 极光流彩 - 渐变光带 */
.pt-aurora .side-content {
  border: 1px solid rgba(0,255,170,.2);
}
.pt-aurora .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(0,255,170,.08) 0%, transparent 40%, rgba(0,200,255,.06) 70%);
}

/* 黑客帝国 - 矩阵代码雨 */
.pt-matrix .side-content {
  border: 1px solid rgba(0,255,65,.15);
}
.pt-matrix .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(0,255,65,.04) 20px, rgba(0,255,65,.04) 21px);
}

/* 电流脉冲 - 电路纹路 */
.pt-electric .side-content {
  border: 1px solid rgba(0,170,255,.2);
  box-shadow: inset 0 0 20px rgba(0,170,255,.05);
}

/* ===== 温馨类 ===== */

/* 暖阳时光 - 暖光晕染 */
.pt-sunset .side-content {
  border: 1px solid rgba(255,140,66,.15);
}
.pt-sunset .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,140,66,.1), transparent 70%);
}

/* 咖啡时光 - 咖啡渍纹理 */
.pt-coffee .side-content {
  border: 1px solid rgba(160,82,45,.1);
}
.pt-coffee .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 80% 20%, rgba(160,82,45,.06), transparent 15%),
    radial-gradient(circle at 20% 80%, rgba(160,82,45,.04), transparent 12%);
}

/* 蜂蜜暖阳 - 金色光晕 */
.pt-honey .side-content {
  border: 1px solid rgba(218,165,32,.12);
}
.pt-honey .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(218,165,32,.06), transparent 60%);
}

/* 琥珀流光 - 深色琥珀质感 */
.pt-amber .side-content {
  border: 1px solid rgba(255,191,0,.2);
  box-shadow: inset 0 0 30px rgba(255,191,0,.05);
}
.pt-amber .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 30% 50%, rgba(255,191,0,.08), transparent 50%);
}

/* 田园小屋 - 温暖木质 */
.pt-cottage .side-content {
  border: 1px solid rgba(139,115,85,.12);
}
.pt-cottage .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(139,115,85,.04), transparent 30%);
}

/* 原木温馨 - 木纹质感 */
.pt-warm-wood .side-content {
  border: 1px solid rgba(107,66,38,.15);
}
.pt-warm-wood .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(107,66,38,.04) 40px, rgba(107,66,38,.04) 42px);
}

/* ===== 小清新类 ===== */

/* 自然清新 - 淡绿 */
.pt-natural .side-content {
  border: 1px solid rgba(102,187,106,.1);
}

/* 薄荷清凉 - 薄荷绿 */
.pt-mint .side-content {
  border: 1px solid rgba(38,166,154,.1);
}
.pt-mint .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(38,166,154,.04), transparent 50%);
}

/* 草地晨露 - 清新黄绿 */
.pt-meadow .side-content {
  border: 1px solid rgba(156,204,101,.1);
}

/* 海岸清风 - 淡蓝 */
.pt-seashore .side-content {
  border: 1px solid rgba(66,165,245,.1);
}

/* 晴空蔚蓝 - 天蓝 */
.pt-sky-blue .side-content {
  border: 1px solid rgba(41,182,246,.1);
}
.pt-sky-blue .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(41,182,246,.04), transparent 40%);
}

/* 春日花开 - 粉红春意 */
.pt-spring .side-content {
  border: 1px solid rgba(236,64,122,.1);
}

/* ===== 甜美类 ===== */

/* 樱花浪漫 - 樱花飘落感 */
.pt-sakura .side-content {
  border: 1px solid rgba(255,105,180,.12);
}
.pt-sakura .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 15% 25%, rgba(255,105,180,.06), transparent 8%),
    radial-gradient(circle at 75% 60%, rgba(255,105,180,.05), transparent 6%),
    radial-gradient(circle at 50% 85%, rgba(255,105,180,.04), transparent 7%);
}

/* 草莓奶油 - 草莓粉 */
.pt-strawberry .side-content {
  border: 1px solid rgba(233,30,99,.1);
}
.pt-strawberry .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(233,30,99,.04), transparent 50%);
}

/* 蜜桃甜心 - 桃色 */
.pt-peach .side-content {
  border: 1px solid rgba(255,138,101,.1);
}

/* 玫瑰花园 - 深玫红 */
.pt-rose .side-content {
  border: 1px solid rgba(194,24,91,.1);
}
.pt-rose .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 80% 80%, rgba(194,24,91,.05), transparent 20%);
}

/* 马卡龙 - 柔和粉色 */
.pt-macaron .side-content {
  border: 1px solid rgba(244,143,177,.1);
  border-radius: 4px;
}

/* ===== 可爱类 ===== */

/* 糖果乐园 - 彩色糖果感 */
.pt-candy .side-content {
  border: 2px dotted rgba(224,64,251,.15);
  border-radius: 6px;
}

/* 气泡派对 - 气泡纹理 */
.pt-bubble .side-content {
  border: 1px solid rgba(79,195,247,.1);
}
.pt-bubble .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 25% 25%, rgba(79,195,247,.06), transparent 8%),
    radial-gradient(circle at 70% 40%, rgba(79,195,247,.05), transparent 6%),
    radial-gradient(circle at 50% 75%, rgba(79,195,247,.04), transparent 7%),
    radial-gradient(circle at 85% 85%, rgba(79,195,247,.03), transparent 5%);
}

/* 兔兔软萌 - 柔粉 */
.pt-bunny .side-content {
  border: 1px solid rgba(239,154,154,.1);
  border-radius: 8px;
}

/* 粉彩柔光 - 紫粉柔光 */
.pt-pastel .side-content {
  border: 1px solid rgba(179,157,219,.1);
}
.pt-pastel .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(179,157,219,.04), transparent 50%, rgba(240,98,146,.03) 80%);
}

/* ===== 复古类 ===== */

/* 复古胶片 - 胶片质感 */
.pt-vintage .side-content {
  border: 1px solid rgba(141,110,99,.1);
}
.pt-vintage .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(141,110,99,.06), transparent 20%, transparent 80%, rgba(141,110,99,.06));
}

/* 棕褐旧照 - 泛黄质感 */
.pt-sepia .side-content {
  border: 1px solid rgba(160,130,109,.1);
}
.pt-sepia .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at center, transparent 60%, rgba(160,130,109,.08));
}

/* 80年代复古 - 霓虹粉 */
.pt-retro-80s .side-content {
  border: 1px solid rgba(255,0,128,.15);
}
.pt-retro-80s .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(255,0,128,.04), transparent 30%, transparent 70%, rgba(0,255,255,.04));
}

/* 羊皮纸卷 - 羊皮纸纹理 */
.pt-parchment .side-content {
  border: 1px solid rgba(160,130,77,.15);
}
.pt-parchment .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(160,130,77,.06));
}

/* 旧书泛黄 - 旧纸张纹理 */
.pt-old-paper .side-content {
  border: 1px solid rgba(139,115,85,.1);
}
.pt-old-paper .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 30% 70%, rgba(139,115,85,.04), transparent 30%),
    radial-gradient(circle at 70% 30%, rgba(139,115,85,.03), transparent 25%);
}

/* 拍立得 - 白边相纸 */
.pt-polaroid .side-content {
  border: 8px solid #fafafa;
  border-bottom: 40px solid #fafafa;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

/* ===== 古典类 ===== */

/* 经典翻书 - 简洁 */
.pt-classic .side-content {
  border: 1px solid rgba(141,110,99,.08);
}

/* 皮革质感 - 皮革纹理 */
.pt-leather .side-content {
  border: 2px solid rgba(139,105,20,.15);
}
.pt-leather .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(139,105,20,.02) 10px, rgba(139,105,20,.02) 11px);
}

/* 水墨丹青 - 水墨意境 */
.pt-ink .side-content {
  border: 1px solid rgba(58,58,58,.1);
}
.pt-ink .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 20% 80%, rgba(58,58,58,.04), transparent 40%);
}

/* 金箔华彩 - 金色边框 */
.pt-gold-leaf .side-content {
  border: 2px solid rgba(212,175,55,.2);
  box-shadow: inset 0 0 20px rgba(212,175,55,.04);
}
.pt-gold-leaf .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(212,175,55,.06), transparent 50%, rgba(212,175,55,.04) 90%);
}

/* 青花瓷韵 - 青花纹饰 */
.pt-porcelain .side-content {
  border: 2px solid rgba(26,107,156,.15);
}
.pt-porcelain .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(26,107,156,.03) 30px, rgba(26,107,156,.03) 31px);
}

/* ===== 现代类 ===== */

/* 专业摄影 - 深色画廊 */
.pt-pro .side-content {
  border: 1px solid rgba(55,71,79,.15);
}

/* 极简主义 - 纯净白 */
.pt-minimal .side-content {
  border: 1px solid rgba(158,158,158,.08);
}

/* 黑白经典 - 高对比 */
.pt-mono .side-content {
  border: 1px solid rgba(66,66,66,.1);
}
.pt-mono .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(0,0,0,.02), transparent 30%);
}

/* 玻璃质感 - 半透明 */
.pt-glass .side-content {
  border: 1px solid rgba(144,202,249,.15);
}
.pt-glass .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 40%, rgba(144,202,249,.04) 80%);
}

/* ===== 卡通/二次元类 ===== */

/* 二次元梦境 - 紫色梦幻 */
.pt-anime .side-content {
  border: 1px solid rgba(206,147,216,.15);
}
.pt-anime .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 50% 0%, rgba(206,147,216,.06), transparent 50%);
}

/* 水彩童话 - 水彩晕染 */
.pt-watercolor .side-content {
  border: 1px solid rgba(248,187,208,.1);
}
.pt-watercolor .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 30% 30%, rgba(248,187,208,.05), transparent 25%),
    radial-gradient(circle at 70% 70%, rgba(129,212,250,.04), transparent 20%);
}

/* 美漫风格 - 黄色漫画感 */
.pt-comic .side-content {
  border: 2px solid rgba(255,235,59,.2);
}
.pt-comic .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(255,235,59,.03) 15px, rgba(255,235,59,.03) 16px);
}

/* Q版萌系 - 粉色圆润 */
.pt-chibi .side-content {
  border: 2px solid rgba(255,128,171,.15);
  border-radius: 12px;
}
.pt-chibi .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 50% 50%, rgba(255,128,171,.04), transparent 60%);
}

/* ===== 风光/纪实类 ===== */

/* 海洋之蓝 - 深蓝波浪 */
.pt-ocean .side-content {
  border: 1px solid rgba(2,119,189,.1);
}
.pt-ocean .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 8px, rgba(2,119,189,.02) 8px, rgba(2,119,189,.02) 9px);
}

/* 森林秘境 - 深绿纹理 */
.pt-forest .side-content {
  border: 1px solid rgba(46,125,50,.1);
}
.pt-forest .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 20% 60%, rgba(46,125,50,.04), transparent 30%),
    radial-gradient(circle at 80% 30%, rgba(46,125,50,.03), transparent 25%);
}

/* 大漠孤烟 - 沙黄纹理 */
.pt-desert .side-content {
  border: 1px solid rgba(191,138,48,.1);
}
.pt-desert .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(191,138,48,.02) 30px, rgba(191,138,48,.02) 32px);
}

/* 山川壮阔 - 灰蓝山岩 */
.pt-mountain .side-content {
  border: 1px solid rgba(84,110,122,.1);
}
.pt-mountain .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(84,110,122,.04), transparent 40%, transparent 60%, rgba(84,110,122,.04));
}

/* ===== 创意拓展主题 (50套) ===== */

/* ===== 过年氛围 ===== */

/* 春节红金 - 红金辉光边框 */
.pt-cny-redgold .side-content {
  border: 2px solid rgba(212,175,55,.25);
  box-shadow: inset 0 0 25px rgba(212,175,55,.08), 0 0 12px rgba(192,57,43,.15);
}
.pt-cny-redgold .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(45deg, transparent, transparent 18px, rgba(212,175,55,.05) 18px, rgba(212,175,55,.05) 20px),
    radial-gradient(ellipse at 50% 0%, rgba(212,175,55,.06), transparent 50%);
}

/* 鞭炮烟火 - 烟花光点迸射 */
.pt-firecracker .side-content {
  border: 1px solid rgba(255,69,0,.2);
}
.pt-firecracker .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 20% 30%, rgba(255,140,0,.12), transparent 6%),
    radial-gradient(circle at 75% 25%, rgba(255,69,0,.1), transparent 5%),
    radial-gradient(circle at 60% 75%, rgba(255,215,0,.1), transparent 6%),
    radial-gradient(circle at 30% 80%, rgba(255,69,0,.08), transparent 5%);
}

/* 灯笼高挂 - 灯笼暖光晕染 */
.pt-lantern .side-content {
  border: 1px solid rgba(255,107,53,.18);
  box-shadow: inset 0 40px 50px -20px rgba(255,107,53,.12);
}
.pt-lantern .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse 60% 30% at 50% 0%, rgba(255,107,53,.14), transparent 70%);
}

/* 春联纳福 - 红色春联侧栏 */
.pt-couplet .side-content {
  border: 1px solid rgba(192,57,43,.2);
  border-left: 6px solid rgba(192,57,43,.35);
  border-right: 6px solid rgba(192,57,43,.35);
}
.pt-couplet .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 24px, rgba(212,175,55,.04) 24px, rgba(212,175,55,.04) 25px);
}

/* 年夜饭 - 圆桌暖光辉映 */
.pt-reunion-dinner .side-content {
  border: 1px solid rgba(201,151,74,.2);
}
.pt-reunion-dinner .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 50% 100%, rgba(201,151,74,.1), transparent 55%);
}

/* 舞龙舞狮 - 鳞片斜纹律动 */
.pt-dragon-dance .side-content {
  border: 2px solid rgba(231,76,60,.2);
  border-radius: 4px;
}
.pt-dragon-dance .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(135deg, transparent, transparent 14px, rgba(231,76,60,.04) 14px, rgba(231,76,60,.04) 16px);
}

/* ===== 结婚氛围 ===== */

/* 西式婚礼 - 玫瑰金优雅柔光 */
.pt-western-wedding .side-content {
  border: 1px solid rgba(183,110,121,.2);
  border-radius: 6px;
}
.pt-western-wedding .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(183,110,121,.06), transparent 50%, rgba(255,255,255,.08) 100%);
}

/* 中式囍字 - 红金双囍纹饰 */
.pt-chinese-wedding .side-content {
  border: 2px solid rgba(192,57,43,.25);
  box-shadow: inset 0 0 20px rgba(192,57,43,.06);
}
.pt-chinese-wedding .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 50% 8%, rgba(212,175,55,.08), transparent 12%),
    radial-gradient(circle at 50% 92%, rgba(212,175,55,.08), transparent 12%);
}

/* 浪漫花艺 - 散落花瓣纹理 */
.pt-romance-flowers .side-content {
  border: 1px solid rgba(233,30,99,.15);
}
.pt-romance-flowers .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 15% 20%, rgba(233,30,99,.07), transparent 7%),
    radial-gradient(circle at 85% 30%, rgba(244,143,177,.06), transparent 6%),
    radial-gradient(circle at 50% 80%, rgba(233,30,99,.05), transparent 7%),
    radial-gradient(circle at 25% 70%, rgba(244,143,177,.04), transparent 5%);
}

/* 教堂钟声 - 拱顶窗格轮廓 */
.pt-church-bells .side-content {
  border: 1px solid rgba(108,122,137,.15);
  border-radius: 80px 80px 0 0;
}
.pt-church-bells .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(108,122,137,.05), transparent 30%);
}

/* 婚纱飘逸 - 飘逸轻纱光泽 */
.pt-wedding-gown .side-content {
  border: 1px solid rgba(176,184,200,.18);
  border-radius: 12px;
}
.pt-wedding-gown .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(160deg, rgba(255,255,255,.12), transparent 40%, rgba(183,110,121,.04) 100%);
}

/* 喜结连理 - 红线交织纹路 */
.pt-tying-knot .side-content {
  border: 2px solid rgba(212,175,55,.22);
}
.pt-tying-knot .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(192,57,43,.04) 40px, rgba(192,57,43,.04) 42px);
}

/* ===== 喜庆氛围 ===== */

/* 生日派对 - 彩纸碎屑撒落 */
.pt-birthday-party .side-content {
  border: 2px dashed rgba(255,64,129,.2);
  border-radius: 8px;
}
.pt-birthday-party .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 20% 25%, rgba(255,64,129,.08), transparent 4%),
    radial-gradient(circle at 70% 20%, rgba(124,77,255,.07), transparent 4%),
    radial-gradient(circle at 85% 60%, rgba(255,193,7,.07), transparent 4%),
    radial-gradient(circle at 30% 75%, rgba(0,200,83,.06), transparent 4%),
    radial-gradient(circle at 60% 85%, rgba(0,176,255,.06), transparent 4%);
}

/* 气球庆典 - 气球圆弧轮廓 */
.pt-balloon-fest .side-content {
  border: 1px solid rgba(66,165,245,.15);
  border-radius: 50px 50px 6px 6px;
}
.pt-balloon-fest .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 25% 30%, rgba(233,30,99,.06), transparent 8%),
    radial-gradient(circle at 70% 35%, rgba(66,165,245,.06), transparent 8%),
    radial-gradient(circle at 50% 60%, rgba(124,179,66,.05), transparent 7%);
}

/* 金榜题名 - 金色桂冠光晕 */
.pt-graduation .side-content {
  border: 2px solid rgba(212,175,55,.25);
  box-shadow: inset 0 0 20px rgba(212,175,55,.05);
}
.pt-graduation .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(212,175,55,.08), transparent 25%);
}

/* 乔迁之喜 - 翠绿钥匙光斑 */
.pt-house-moving .side-content {
  border: 1px solid rgba(85,139,47,.18);
}
.pt-house-moving .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 90% 10%, rgba(85,139,47,.08), transparent 12%),
    linear-gradient(180deg, rgba(85,139,47,.04), transparent 30%);
}

/* 满月酒 - 满月光晕柔环 */
.pt-full-moon .side-content {
  border: 1px solid rgba(186,104,200,.18);
  border-radius: 16px;
}
.pt-full-moon .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 50% 40%, rgba(255,235,180,.1), transparent 25%),
    radial-gradient(circle at 50% 50%, rgba(186,104,200,.05), transparent 60%);
}

/* ===== 童年记忆 ===== */

/* 弹珠时光 - 玻璃弹珠彩光 */
.pt-marble .side-content {
  border: 1px solid rgba(38,198,218,.18);
  border-radius: 8px;
}
.pt-marble .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 25% 30%, rgba(38,198,218,.1), transparent 6%),
    radial-gradient(circle at 60% 25%, rgba(233,30,99,.08), transparent 5%),
    radial-gradient(circle at 75% 70%, rgba(255,193,7,.08), transparent 6%),
    radial-gradient(circle at 30% 75%, rgba(124,179,66,.07), transparent 5%);
}

/* 纸飞机 - 折纸斜向折痕 */
.pt-paper-plane .side-content {
  border: 1px solid rgba(120,144,156,.15);
}
.pt-paper-plane .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(135deg, rgba(120,144,156,.05) 0%, transparent 30%, rgba(120,144,156,.03) 60%, transparent 90%);
}

/* 积木城堡 - 积木网格拼图 */
.pt-building-blocks .side-content {
  border: 2px solid rgba(255,112,67,.2);
  border-radius: 4px;
}
.pt-building-blocks .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 24px, rgba(255,112,67,.05) 24px, rgba(255,112,67,.05) 25px),
    repeating-linear-gradient(90deg, transparent, transparent 24px, rgba(255,112,67,.05) 24px, rgba(255,112,67,.05) 25px);
}

/* 糖果罐 - 彩色糖果圆点 */
.pt-candy-jar .side-content {
  border: 1px solid rgba(236,64,122,.15);
  border-radius: 10px;
}
.pt-candy-jar .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 20% 30%, rgba(236,64,122,.07), transparent 5%),
    radial-gradient(circle at 55% 20%, rgba(124,179,66,.06), transparent 4%),
    radial-gradient(circle at 80% 50%, rgba(255,193,7,.06), transparent 5%),
    radial-gradient(circle at 35% 65%, rgba(124,77,255,.05), transparent 4%),
    radial-gradient(circle at 70% 85%, rgba(255,112,67,.05), transparent 4%);
}

/* 跳房子 - 跳房子方格线 */
.pt-hopscotch .side-content {
  border: 1px solid rgba(253,216,53,.25);
}
.pt-hopscotch .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(253,216,53,.08) 30px, rgba(253,216,53,.08) 32px),
    repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(253,216,53,.06) 30px, rgba(253,216,53,.06) 31px);
}

/* ===== 回忆怀旧 ===== */

/* 老照片 - 泛黄暗角划痕 */
.pt-old-photo .side-content {
  border: 1px solid rgba(160,130,109,.2);
  box-shadow: inset 0 0 40px rgba(160,130,109,.1);
}
.pt-old-photo .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(120,90,60,.12) 100%);
}

/* 信笺纸 - 横线条纹信纸 */
.pt-letter-paper .side-content {
  border: 1px solid rgba(139,115,85,.18);
}
.pt-letter-paper .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(139,115,85,.06) 28px, rgba(139,115,85,.06) 29px);
}

/* 磁带卡带 - 磁带转轮纹理 */
.pt-cassette-tape .side-content {
  border: 1px solid rgba(92,107,192,.2);
  border-radius: 4px;
}
.pt-cassette-tape .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 30% 50%, rgba(92,107,192,.08), transparent 8%),
    radial-gradient(circle at 70% 50%, rgba(92,107,192,.08), transparent 8%),
    linear-gradient(180deg, transparent 45%, rgba(92,107,192,.04) 48%, rgba(92,107,192,.04) 52%, transparent 55%);
}

/* 老街巷 - 青砖墙纹路 */
.pt-old-street .side-content {
  border: 1px solid rgba(141,110,99,.15);
}
.pt-old-street .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(141,110,99,.04) 18px, rgba(141,110,99,.04) 19px),
    repeating-linear-gradient(90deg, transparent, transparent 36px, rgba(141,110,99,.04) 36px, rgba(141,110,99,.04) 37px);
}

/* 校园时光 - 黑板绿边光晕 */
.pt-campus-days .side-content {
  border: 1px solid rgba(67,160,71,.18);
}
.pt-campus-days .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(67,160,71,.05), transparent 25%, transparent 75%, rgba(67,160,71,.05));
}

/* ===== 旅途风情 ===== */

/* 公路旅行 - 中央虚线路标 */
.pt-road-trip .side-content {
  border: 1px solid rgba(191,138,48,.18);
}
.pt-road-trip .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(90deg, transparent 49.5%, rgba(191,138,48,.14) 49.5%, rgba(191,138,48,.14) 50.5%, transparent 50.5%);
  background-size: 100% 24px;
  background-repeat: repeat-y;
}

/* 火车窗外 - 窗外流动色带 */
.pt-train-window .side-content {
  border: 1px solid rgba(92,107,192,.15);
}
.pt-train-window .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(176,190,218,.08) 0%, transparent 30%, transparent 60%, rgba(139,195,74,.06) 100%);
}

/* 飞机云迹 - 白色云迹划痕 */
.pt-plane-trail .side-content {
  border: 1px solid rgba(66,165,245,.15);
  border-radius: 8px;
}
.pt-plane-trail .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(160deg, transparent 30%, rgba(255,255,255,.12) 45%, transparent 60%);
}

/* 背包客 - 等高线地形纹理 */
.pt-backpacker .side-content {
  border: 1px solid rgba(104,159,56,.18);
}
.pt-backpacker .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-radial-gradient(circle at 30% 70%, transparent, transparent 30px, rgba(104,159,56,.04) 30px, rgba(104,159,56,.04) 32px);
}

/* 地图罗盘 - 地图网格罗盘 */
.pt-compass-map .side-content {
  border: 1px solid rgba(160,130,77,.2);
}
.pt-compass-map .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(160,130,77,.05) 28px, rgba(160,130,77,.05) 29px),
    repeating-linear-gradient(90deg, transparent, transparent 28px, rgba(160,130,77,.05) 28px, rgba(160,130,77,.05) 29px);
}

/* ===== 四季意境 ===== */

/* 春雨江南 - 斜雨细丝迷蒙 */
.pt-spring-rain .side-content {
  border: 1px solid rgba(102,187,106,.18);
}
.pt-spring-rain .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(100deg, transparent, transparent 8px, rgba(102,187,106,.04) 8px, rgba(102,187,106,.04) 9px);
}

/* 夏日蝉鸣 - 骄阳绿叶光斑 */
.pt-summer-cicada .side-content {
  border: 1px solid rgba(156,204,101,.18);
}
.pt-summer-cicada .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 80% 15%, rgba(255,213,79,.1), transparent 20%),
    linear-gradient(180deg, rgba(156,204,101,.04), transparent 40%);
}

/* 秋叶红枫 - 飘落枫叶暖意 */
.pt-autumn-maple .side-content {
  border: 1px solid rgba(216,67,21,.2);
}
.pt-autumn-maple .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 20% 30%, rgba(216,67,21,.08), transparent 6%),
    radial-gradient(circle at 70% 60%, rgba(255,160,0,.07), transparent 6%),
    radial-gradient(circle at 45% 85%, rgba(180,50,20,.06), transparent 5%),
    linear-gradient(180deg, transparent 60%, rgba(216,67,21,.05) 100%);
}

/* 冬雪寂静 - 雪花纷飞留白 */
.pt-winter-snow .side-content {
  border: 1px solid rgba(120,144,156,.18);
  border-radius: 6px;
}
.pt-winter-snow .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 60% 20%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 80% 50%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 35% 70%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 75% 85%, rgba(255,255,255,.4), transparent),
    linear-gradient(180deg, rgba(176,190,218,.06), transparent 40%);
}

/* ===== 文艺书房 ===== */

/* 水墨书法 - 水墨晕染意境 */
.pt-ink-calligraphy .side-content {
  border: 1px solid rgba(58,58,58,.15);
}
.pt-ink-calligraphy .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 15% 85%, rgba(58,58,58,.07), transparent 40%),
    radial-gradient(ellipse at 85% 15%, rgba(58,58,58,.04), transparent 30%);
}

/* 茶道禅意 - 茶汤涟漪圆纹 */
.pt-tea-zen .side-content {
  border: 1px solid rgba(125,107,84,.18);
  border-radius: 4px;
}
.pt-tea-zen .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-radial-gradient(circle at 50% 50%, transparent, transparent 40px, rgba(125,107,84,.04) 40px, rgba(125,107,84,.04) 42px);
}

/* 书签折页 - 书签缎带侧边 */
.pt-bookmark .side-content {
  border: 1px solid rgba(160,130,77,.2);
  border-left: 5px solid rgba(160,130,77,.3);
}
.pt-bookmark .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(160,130,77,.06), transparent 20%);
}

/* 画室调色 - 调色盘颜料点 */
.pt-art-studio .side-content {
  border: 1px solid rgba(126,87,194,.18);
  border-radius: 8px;
}
.pt-art-studio .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 25% 30%, rgba(233,30,99,.06), transparent 5%),
    radial-gradient(circle at 55% 25%, rgba(255,193,7,.06), transparent 5%),
    radial-gradient(circle at 80% 40%, rgba(126,87,194,.06), transparent 5%),
    radial-gradient(circle at 35% 70%, rgba(67,160,71,.05), transparent 5%),
    radial-gradient(circle at 70% 80%, rgba(66,165,245,.05), transparent 5%);
}

/* ===== 节日庆典 ===== */

/* 中秋月圆 - 皎月清辉光晕 */
.pt-mid-autumn .side-content {
  border: 1px solid rgba(255,213,79,.25);
}
.pt-mid-autumn .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 50% 15%, rgba(255,235,150,.14), transparent 18%),
    radial-gradient(circle at 50% 15%, rgba(255,213,79,.08), transparent 30%);
}

/* 端午龙舟 - 江水波纹绿意 */
.pt-dragon-boat .side-content {
  border: 1px solid rgba(46,125,50,.18);
}
.pt-dragon-boat .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(46,125,50,.04) 10px, rgba(46,125,50,.04) 11px),
    linear-gradient(180deg, transparent 60%, rgba(46,125,50,.05) 100%);
}

/* 万圣南瓜 - 南瓜橙幽光 */
.pt-halloween .side-content {
  border: 2px solid rgba(255,111,0,.25);
  box-shadow: inset 0 0 30px rgba(255,111,0,.08);
}
.pt-halloween .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,111,0,.1), transparent 60%);
}

/* 圣诞铃铛 - 红绿交织节日 */
.pt-christmas .side-content {
  border: 1px solid rgba(198,40,40,.22);
}
.pt-christmas .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(45deg, transparent, transparent 12px, rgba(46,125,50,.05) 12px, rgba(46,125,50,.05) 14px),
    repeating-linear-gradient(-45deg, transparent, transparent 12px, rgba(198,40,40,.04) 12px, rgba(198,40,40,.04) 14px);
}

/* ===== 星空科幻 ===== */

/* 星空银河 - 繁星银河光带 */
.pt-starry-galaxy .side-content {
  border: 1px solid rgba(123,104,238,.2);
  box-shadow: inset 0 0 40px rgba(123,104,238,.1);
}
.pt-starry-galaxy .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 55% 15%, rgba(255,255,255,.4), transparent),
    radial-gradient(2px 2px at 75% 55%, rgba(123,104,238,.5), transparent),
    radial-gradient(1px 1px at 35% 75%, rgba(255,255,255,.3), transparent),
    radial-gradient(1px 1px at 85% 85%, rgba(255,255,255,.4), transparent),
    radial-gradient(ellipse at 50% 50%, rgba(123,104,238,.08), transparent 50%);
}

/* 太空漫步 - 行星青蓝光环 */
.pt-space-walk .side-content {
  border: 1px solid rgba(0,188,212,.2);
  box-shadow: inset 0 0 35px rgba(0,188,212,.08);
}
.pt-space-walk .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 75% 30%, rgba(0,188,212,.12), transparent 12%),
    radial-gradient(1px 1px at 25% 40%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,.3), transparent);
}

/* 未来都市 - 霓虹网格都市 */
.pt-future-city .side-content {
  border: 1px solid rgba(0,229,255,.22);
  box-shadow: inset 0 0 30px rgba(0,229,255,.08);
}
.pt-future-city .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: repeating-linear-gradient(0deg, transparent, transparent 24px, rgba(0,229,255,.05) 24px, rgba(0,229,255,.05) 25px),
    repeating-linear-gradient(90deg, transparent, transparent 24px, rgba(0,229,255,.05) 24px, rgba(0,229,255,.05) 25px);
}

/* ===== 海洋世界 ===== */

/* 珊瑚礁 - 珊瑚青绿圆斑 */
.pt-coral-reef .side-content {
  border: 1px solid rgba(255,126,103,.2);
  border-radius: 6px;
}
.pt-coral-reef .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 25% 70%, rgba(255,126,103,.08), transparent 12%),
    radial-gradient(circle at 70% 40%, rgba(38,198,218,.07), transparent 10%),
    radial-gradient(circle at 50% 85%, rgba(255,160,120,.06), transparent 10%);
}

/* 深海蓝 - 深海光柱透射 */
.pt-deep-sea .side-content {
  border: 1px solid rgba(2,136,209,.22);
  box-shadow: inset 0 0 40px rgba(2,136,209,.12);
}
.pt-deep-sea .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: linear-gradient(180deg, rgba(2,136,209,.1) 0%, transparent 40%, transparent 70%, rgba(0,50,90,.15) 100%);
}

/* 海滩阳光 - 阳光沙滩暖辉 */
.pt-beach-sun .side-content {
  border: 1px solid rgba(255,202,40,.25);
  border-radius: 10px;
}
.pt-beach-sun .side-content::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(circle at 80% 20%, rgba(255,213,79,.14), transparent 18%),
    linear-gradient(180deg, transparent 60%, rgba(255,202,40,.06) 100%);
}