:root{
  --deep:#122d5c;
  --blue:#536fb3;
  --gold:#d89a16;
  --gold2:#f4bf32;
  --line:#dbe8f7;
  --text:#586f8f;
  --shadow:0 14px 34px rgba(54,104,171,.14);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--deep);
  background:linear-gradient(180deg,#eef7ff,#fbfdff);
}
.page{
  width:min(100vw,430px);
  min-height:100vh;
  margin:0 auto;
  padding:14px 12px 34px;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fcff,#eef7ff 56%,#fff);
}
.detail-header,.article-header{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.back{
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid #d7e6f7;
  background:#fff;
  color:#2d67d1;
  font-size:22px;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 14px rgba(54,104,171,.1);
}
.detail-logo,.logo{width:178px}

/* 顶部第一部分：保留原有首屏感，只做统一样式承接 */
.hero-detail,.hero{
  position:relative;
  margin-top:12px;
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,255,.88));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.hero-detail{padding:18px}
.hero-detail::before,.hero::before{
  content:"";
  position:absolute;
  inset:auto -70px -90px auto;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(244,191,50,.22),transparent 66%);
  pointer-events:none;
}
.hero-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 140px;
  gap:10px;
  align-items:center;
}
.hero-img{
  height:168px;
  position:relative;
  overflow:hidden;
}
.hero-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.08) contrast(1.02);
}
.hero-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(18,45,92,.04),rgba(255,255,255,.94));
}
.hero-copy{
  position:relative;
  z-index:2;
}
.hero .hero-copy{
  margin-top:-58px;
  padding:0 18px 20px;
}
.kicker{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  color:#8a5a08;
  background:rgba(255,246,213,.9);
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
}
h1{
  margin:12px 0 10px;
  font-size:28px;
  line-height:1.18;
}
.lead{
  margin:0;
  color:#58708f;
  font-size:14px;
  line-height:1.72;
}
.banner-art{
  position:relative;
  height:146px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(145deg,#edf7ff,#fff9df);
  border:1px solid rgba(214,230,249,.85);
}
.banner-art::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:50%;
  border:1px solid rgba(244,191,50,.35);
}
.banner-art::after{
  content:"";
  position:absolute;
  inset:44px;
  border-radius:50%;
  border:1px solid rgba(83,111,179,.18);
}
.art-icon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:72px;
  filter:drop-shadow(0 10px 15px rgba(45,91,160,.16));
  z-index:2;
}
.art-girl{
  position:absolute;
  right:2px;
  bottom:-2px;
  width:86px;
  z-index:3;
  filter:drop-shadow(0 12px 16px rgba(55,70,105,.16));
}
.art-blue,.art-pink{
  position:absolute;
  width:54px;
  z-index:3;
  filter:drop-shadow(0 10px 14px rgba(55,70,105,.14));
  animation:float 3.2s ease-in-out infinite;
}
.art-blue{left:8px;bottom:12px}
.art-pink{right:10px;top:10px;animation-delay:.5s}
.art-nodes{
  position:absolute;
  left:16px;
  right:16px;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,rgba(83,111,179,.1),rgba(244,191,50,.7),rgba(83,111,179,.1));
}
.art-nodes i{
  position:absolute;
  top:-14px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d29516;
  font-style:normal;
  font-weight:900;
  background:radial-gradient(circle,#fff,#fff2c7);
}
.art-nodes i:nth-child(1){left:0}
.art-nodes i:nth-child(2){left:31%}
.art-nodes i:nth-child(3){left:62%}
.art-nodes i:nth-child(4){right:0}

/* 内容区：改为富文本整体流，不再一块块圆角堆叠 */
.richtext-shell{
  margin-top:18px;
  padding:4px 4px 0;
}
.richtext-body{
  position:relative;
  padding:4px 10px 0 18px;
}
.richtext-body::before{
  content:"";
  position:absolute;
  left:3px;
  top:8px;
  bottom:56px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--gold2),rgba(83,111,179,.18),rgba(244,191,50,0));
}
.richtext-body h2{
  position:relative;
  margin:24px 0 10px;
  color:var(--deep);
  font-size:21px;
  line-height:1.28;
  font-weight:900;
}
.richtext-body h2:first-child{margin-top:0}
.richtext-body h2::before{
  content:"";
  position:absolute;
  left:-19px;
  top:.45em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold2);
  box-shadow:0 0 0 5px rgba(244,191,50,.14);
}
.richtext-body h3{
  margin:18px 0 8px;
  color:#234a82;
  font-size:16px;
  line-height:1.35;
}
.richtext-body p{
  margin:0 0 12px;
  color:var(--text);
  font-size:14px;
  line-height:1.86;
}
.richtext-body ul,
.richtext-body ol{
  margin:8px 0 16px;
  padding-left:18px;
  color:var(--text);
  font-size:14px;
  line-height:1.82;
}
.richtext-body li{margin:4px 0}
.richtext-body blockquote{
  margin:18px 0;
  padding:12px 0 12px 14px;
  border-left:4px solid var(--gold2);
  color:#704b0b;
  font-size:14px;
  line-height:1.78;
  font-weight:700;
  background:linear-gradient(90deg,rgba(255,248,221,.88),rgba(255,255,255,0));
}
.richtext-body .flow-list{
  list-style:none;
  padding:0;
}
.richtext-body .flow-list li{
  position:relative;
  padding-left:22px;
}
.richtext-body .flow-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2d67d1;
}
.richtext-body .back-home{
  display:flex;
  align-items:center;
  justify-content:center;
  height:46px;
  margin:26px 0 0;
  border-radius:15px;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  background:linear-gradient(135deg,#6aa5ff,#2d67d1);
}
.richtext-body .article-link{
  display:block;
  padding:13px 0;
  color:var(--deep);
  text-decoration:none;
  border-bottom:1px solid rgba(190,213,240,.72);
}
.richtext-body .article-link b{
  display:block;
  font-size:16px;
  margin-bottom:4px;
}
.richtext-body .article-link span{
  color:var(--text);
  font-size:13px;
  line-height:1.5;
}
.reveal{
  opacity:0;
  transform:translateY(18px);
  animation:show .56s ease forwards;
}
.reveal:nth-child(2){animation-delay:.08s}
.reveal:nth-child(3){animation-delay:.16s}
.reveal:nth-child(4){animation-delay:.24s}
@keyframes show{to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:374px){
  .hero-top{grid-template-columns:1fr}
  .banner-art{height:132px}
  h1{font-size:25px}
  .richtext-body{padding-left:16px}
}


.note-list{display:grid;gap:14px;margin-top:8px}
.note-link{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 10px 22px rgba(54,104,171,.08);text-decoration:none}
.note-thumb{width:90px;height:122px;border-radius:14px;object-fit:cover;box-shadow:0 10px 18px rgba(18,45,92,.12)}
.note-link b{display:block;color:var(--deep);font-size:16px;line-height:1.35}
.note-link span{display:block;margin-top:6px;color:var(--text);font-size:13px;line-height:1.65}
.case-gallery{display:grid;gap:14px;margin:18px 0}
.case-gallery img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}
.construction-callout{margin:18px 0;padding:14px 16px;border-radius:18px;color:#8a5a08;background:linear-gradient(135deg,#fff8dd,#ffeab3);border:1px solid rgba(244,191,50,.42);font-size:14px;line-height:1.75}
.novel-hero .hero-img{height:320px}
.novel-cover-shell img{object-fit:cover;object-position:center top}
@media (max-width:374px){.note-link{grid-template-columns:78px minmax(0,1fr)}.note-thumb{width:78px;height:108px}}

/* v40_shop_path_final: list page uses abstract case icons, detail pages can still show real case screenshots as content */
.note-list-abstract{display:grid;gap:12px}
.note-link-abstract{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border:0;border-bottom:1px dashed rgba(124,152,201,.38);border-radius:0;background:transparent;box-shadow:none;text-decoration:none}
.note-link-abstract:last-child{border-bottom:0}
.note-mark{width:62px;height:62px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 22px rgba(49,94,168,.14)}
.note-mark em{font-style:normal;font-size:24px;line-height:1;font-weight:900}
.note-mark span{margin-top:5px;color:rgba(255,255,255,.92);font-size:10px;font-weight:800}
.note-mark-heal{background:linear-gradient(135deg,#688ef0,#4f6ec6)}
.note-mark-vision{background:linear-gradient(135deg,#f0b742,#d18f11)}
.note-mark-warm{background:linear-gradient(135deg,#ff9a6f,#f06b52)}
.note-mark-sleep{background:linear-gradient(135deg,#6cb6d8,#4f8ec6)}
@media (max-width:374px){.note-link-abstract{grid-template-columns:60px minmax(0,1fr);gap:10px}.note-mark{width:56px;height:56px}}


/* v37: case note list icons use content-related SVGs instead of text blocks */
.note-mark { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
.note-mark img { width: 62px; height: 62px; display: block; }
.note-link-abstract, .note-link-abstract * { text-decoration: none !important; -webkit-text-decoration-line: none !important; text-decoration-line: none !important; }
@media (max-width:374px){.note-mark img{width:56px;height:56px}}


/* v40_shop_path: novel chapter catalog and reader */
.novel-page .richtext-body::before,
.novel-reader-page .richtext-body::before{display:none}
.novel-cover-card{border-radius:24px}
.novel-cover-copy .lead{font-weight:700;color:#536f93}
.novel-start-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;height:42px;padding:0 24px;border-radius:14px;color:#fff;text-decoration:none!important;font-weight:900;background:linear-gradient(135deg,#6aa5ff,#2d67d1);box-shadow:0 12px 24px rgba(45,103,209,.18)}
.novel-catalog-shell{margin-top:18px}
.novel-catalog-body{padding-left:6px}
.novel-catalog-body h2::before{display:none}
.novel-total{margin-bottom:12px!important;color:#536f93!important;font-weight:700}
.novel-part-title{margin:22px 0 10px!important;padding-left:12px;border-left:4px solid var(--gold2);font-size:18px!important}
.novel-part-title::before{display:none}
.novel-chapter-list{display:grid;gap:8px}
.novel-chapter-link{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(124,152,201,.34);color:var(--deep);text-decoration:none!important}
.novel-chapter-link span{width:36px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;background:linear-gradient(135deg,#6aa5ff,#2d67d1)}
.novel-chapter-link b{font-size:15px;line-height:1.4}
.novel-reader-header{gap:10px}
.reader-brand{flex:1;min-width:0;color:#183a70;font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-catalog{height:34px;padding:0 13px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#2d67d1;background:#fff;border:1px solid #d7e6f7;text-decoration:none!important;font-size:13px;font-weight:900;box-shadow:0 6px 14px rgba(54,104,171,.08)}
.novel-reader-shell{margin-top:12px;padding:18px 14px 24px;border-radius:24px;background:rgba(255,255,255,.74);border:1px solid var(--line);box-shadow:var(--shadow)}
.reader-meta{display:flex;justify-content:space-between;gap:10px;color:#8a5a08;font-size:12px;font-weight:900;letter-spacing:.2px}
.reader-meta em{font-style:normal;color:#536fb3}
.novel-reader-shell h1{margin:12px 0 18px;color:#122d5c;font-size:24px;line-height:1.35}
.chapter-body p{margin:0 0 15px;color:#334f75;font-size:17px;line-height:2.05;text-align:justify}
.reader-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:24px}
.reader-actions a{height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none!important;font-size:14px;font-weight:900;background:linear-gradient(135deg,#6aa5ff,#2d67d1)}
.reader-actions a:nth-child(2){background:linear-gradient(135deg,#ffe8a6,#e2a81c);color:#744d09}
.reader-actions a.disabled{opacity:.42;pointer-events:none;filter:grayscale(.35)}
@media(max-width:374px){.novel-reader-shell h1{font-size:22px}.chapter-body p{font-size:16px;line-height:2}.novel-chapter-link{grid-template-columns:42px minmax(0,1fr)}}

/* 动态案例封面 */
.note-cover{background:#fff;overflow:hidden}
.note-cover img{width:100%;height:100%;object-fit:cover}

/* v0.3.2 案例笔记列表简化 */
.case-note-page{padding-top:16px}.case-list-shell{margin-top:18px;padding:0 2px}.case-note-page .article-header{justify-content:space-between}.case-note-page .logo{width:176px}.case-note-page .note-list-abstract{gap:0;background:rgba(255,255,255,.72);border:1px solid rgba(219,232,247,.92);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(54,104,171,.10)}
.case-note-page .note-link-abstract{grid-template-columns:54px minmax(0,1fr) auto;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(219,232,247,.88);align-items:center;background:transparent}.case-note-page .note-link-abstract:last-child{border-bottom:0}
.case-note-main{min-width:0}.case-note-main b{font-size:15px;color:#143c72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-note-main span{margin-top:5px;font-size:12px;line-height:1.45;color:#667b9b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.case-note-row time{font-size:12px;color:#8b9bb7;white-space:nowrap}.case-note-page .note-mark{width:48px;height:48px;border-radius:12px;overflow:hidden;background:#fff!important;border:1px solid #e1ebf7}.case-note-page .note-mark img{width:48px;height:48px;object-fit:cover}.case-note-page .note-mark-heal img{object-fit:contain;padding:7px}
@media(max-width:374px){.case-note-page .note-link-abstract{grid-template-columns:48px minmax(0,1fr);gap:10px}.case-note-row time{grid-column:2;font-size:11px}.case-note-page .note-mark,.case-note-page .note-mark img{width:44px;height:44px}}

/* v0.4.23 案例笔记完整 ThinkPHP 化 */
.case-list-heading{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:var(--shadow)}
.case-list-heading>span{color:#a36c08;font-size:10px;font-weight:900;letter-spacing:1.2px}
.case-list-heading h1{margin:7px 0 6px;font-size:24px;line-height:1.25}
.case-list-heading p{margin:0;color:var(--text);font-size:13px;line-height:1.65}
.case-list-empty{padding:34px 20px;text-align:center}
.case-list-empty b{display:block;color:var(--deep);font-size:17px}
.case-list-empty span{display:block;margin-top:8px;color:var(--text);font-size:13px;line-height:1.6}
.case-list-empty a{display:inline-flex;margin-top:16px;color:#315f9d;font-size:13px;font-weight:800;text-decoration:none}
.case-pagination{display:grid;grid-template-columns:82px minmax(0,1fr) 82px;gap:10px;align-items:center;margin:16px 0 4px}
.case-pagination a,.case-pagination span{height:38px;border:1px solid #d7e6f7;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;color:#315f9d;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 6px 14px rgba(54,104,171,.08)}
.case-pagination span.is-disabled{color:#aab6c8;background:#f7f9fc;box-shadow:none}
.case-pagination em{color:#7b8eaa;font-size:12px;font-style:normal;text-align:center}
.case-detail-page{padding-top:14px}
.case-detail-page .article-header{justify-content:space-between}
.case-detail-page .logo{width:176px}
.case-detail-hero{padding:18px 18px 14px}
.case-detail-title h1{margin:11px 0 9px;font-size:25px;line-height:1.35}
.case-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(219,232,247,.88);color:#8191aa;font-size:12px}
.case-detail-meta span:first-child{color:#315f9d;font-weight:800}
.case-detail-cover{margin:0 0 16px}
.case-detail-cover img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);background:#fff}
.case-detail-rich{color:#334f75;font-size:14px;line-height:1.86;word-break:break-word}
.case-detail-rich h1,.case-detail-rich h2,.case-detail-rich h3,.case-detail-rich h4{color:var(--deep);line-height:1.4}
.case-detail-rich h1{font-size:22px}.case-detail-rich h2{font-size:19px}.case-detail-rich h3{font-size:16px}
.case-detail-rich p{margin:0 0 13px;color:#334f75;font-size:14px;line-height:1.86}
.case-detail-rich img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:14px}
.case-detail-rich table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.case-detail-rich td,.case-detail-rich th{padding:8px;border:1px solid #dbe8f7}
.case-detail-rich a{color:#2d67d1;word-break:break-all}
@media(max-width:374px){
  .case-list-heading{padding:16px}.case-list-heading h1{font-size:22px}
  .case-pagination{grid-template-columns:74px minmax(0,1fr) 74px;gap:7px}
  .case-detail-title h1{font-size:22px}
}


/* v0.4.26 案例图片移动端适配 */
.case-detail-content,
.case-detail-rich,
.case-detail-rich > *{
  min-width:0;
  max-width:100%;
}
.case-detail-cover{
  width:100%;
  max-width:100%;
  margin:0 0 16px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.case-detail-cover img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-shadow:var(--shadow)!important;
}
.case-detail-rich img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:70vh!important;
  margin:14px auto!important;
  object-fit:contain!important;
}
.case-detail-rich figure{
  width:100%!important;
  max-width:100%!important;
  margin:14px 0!important;
  overflow:hidden;
}
.case-detail-rich figure img{
  margin:0 auto!important;
}
.case-detail-rich video,
.case-detail-rich iframe{
  max-width:100%!important;
}
.case-note-page .note-cover img{
  max-width:100%;
}
@media(max-width:374px){
  .case-detail-cover img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* v0.4.30 案例详情导师简介弹窗 */
.case-detail-meta .case-mentor-trigger{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border:0;
  color:#315f9d;
  font:inherit;
  font-weight:800;
  line-height:1.4;
  text-decoration:underline;
  text-decoration-color:rgba(49,95,157,.34);
  text-underline-offset:3px;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(49,95,157,.12);
}
.case-detail-meta .case-mentor-trigger:active{opacity:.68}
.case-mentor-modal[hidden]{display:none!important}
body.case-mentor-modal-open{overflow:hidden}
.case-mentor-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 18px calc(var(--qzy-bottom-nav-height,84px) + 18px);
}
.case-mentor-modal-mask{
  position:absolute;
  inset:0;
  background:rgba(18,38,72,.56);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.case-mentor-modal-panel{
  position:relative;
  z-index:1;
  width:min(100%,420px);
  max-height:min(72vh,620px);
  overflow:hidden;
  border:1px solid rgba(214,229,247,.96);
  border-radius:22px;
  background:#fff;
  box-shadow:0 22px 58px rgba(25,54,99,.28);
}
.case-mentor-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 15px;
  border-bottom:1px solid #e6eef8;
  background:linear-gradient(135deg,#f9fcff,#eef5ff);
}
.case-mentor-modal-heading{
  display:flex;
  min-width:0;
  align-items:center;
  gap:12px;
}
.case-mentor-modal-heading img{
  flex:0 0 auto;
  display:block;
  width:48px;
  height:48px;
  border:2px solid #fff;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 6px 15px rgba(49,95,157,.16);
}
.case-mentor-modal-heading>div{min-width:0}
.case-mentor-modal-heading span{
  display:block;
  margin-bottom:3px;
  color:#7b8faa;
  font-size:12px;
  line-height:1.3;
}
.case-mentor-modal-heading h2{
  overflow:hidden;
  margin:0;
  color:#173b72;
  font-size:19px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.case-mentor-modal-close{
  position:relative;
  flex:0 0 auto;
  width:36px;
  height:36px;
  margin:-4px -5px 0 0;
  padding:0;
  border:0;
  border-radius:50%;
  background:#eaf2fc;
  cursor:pointer;
}
.case-mentor-modal-close::before,
.case-mentor-modal-close::after{
  position:absolute;
  top:17px;
  left:10px;
  width:16px;
  height:2px;
  border-radius:2px;
  background:#6680a5;
  content:"";
}
.case-mentor-modal-close::before{transform:rotate(45deg)}
.case-mentor-modal-close::after{transform:rotate(-45deg)}
.case-mentor-modal-body{
  max-height:calc(min(72vh,620px) - 144px);
  overflow:auto;
  padding:18px;
  color:#435f83;
  font-size:14px;
  line-height:1.85;
  -webkit-overflow-scrolling:touch;
}
.case-mentor-intro-content,
.case-mentor-intro-content>*{max-width:100%}
.case-mentor-intro-content p{margin:0 0 12px}
.case-mentor-intro-content p:last-child{margin-bottom:0}
.case-mentor-intro-content img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  margin:12px auto!important;
  border-radius:12px;
}
.case-mentor-intro-content table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  border-collapse:collapse;
}
.case-mentor-intro-empty{
  margin:12px 0;
  color:#8293ac;
  text-align:center;
}
.case-mentor-modal-footer{
  padding:0 18px 18px;
  text-align:center;
}
.case-mentor-modal-footer button{
  min-width:118px;
  height:38px;
  padding:0 22px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  background:linear-gradient(135deg,#6699ee,#3268d3);
  box-shadow:0 8px 18px rgba(50,104,211,.18);
  cursor:pointer;
}
@media(max-width:480px){
  .case-mentor-modal{
    align-items:flex-end;
    padding:18px 0 var(--qzy-bottom-nav-height,84px);
  }
  .case-mentor-modal-panel{
    width:100%;
    max-height:78vh;
    border-right:0;
    border-left:0;
    border-radius:22px 22px 0 0;
  }
  .case-mentor-modal-body{
    max-height:calc(78vh - 224px);
  }
}

/* v0.4.31 案例列表返回箭头在圆形按钮内精确居中 */
.case-note-page .article-header .back{
  padding:0;
  font-size:0;
  line-height:1;
}
.case-note-page .article-header .back::before{
  display:block;
  width:8px;
  height:8px;
  margin-left:2px;
  border-bottom:2px solid currentColor;
  border-left:2px solid currentColor;
  content:"";
  transform:rotate(45deg);
  transform-origin:center;
}