/* All content frames share Fanren artifact inlays; layout and content stay untouched. */
body.is-sections-demo {
  --fr-glass: rgba(12, 32, 44, .59);
  --fr-sheen: rgba(187, 225, 212, .12);
  --fr-jade: rgba(98, 169, 139, .13);
  --fr-rim: rgba(199, 182, 128, .49);
  --fr-inlay: rgba(144, 191, 162, .19);
  --fr-reflection: rgba(228, 243, 224, .24);
  --fr-shadow: rgba(1, 13, 24, .4);
  --fr-etch: url("./assets/fanren-glass/bottle-etch-dark.svg");
  --fr-corner: 47px;
  --fr-seal: url("./assets/fanren-glass/icons/articles.svg");
}
html[data-theme="light"] body.is-sections-demo {
  --fr-glass: rgba(241, 251, 243, .66);
  --fr-sheen: rgba(255, 255, 246, .24);
  --fr-jade: rgba(117, 174, 137, .1);
  --fr-rim: rgba(130, 149, 100, .43);
  --fr-inlay: rgba(119, 159, 124, .18);
  --fr-reflection: rgba(255, 255, 241, .79);
  --fr-shadow: rgba(33, 68, 49, .28);
  --fr-etch: url("./assets/fanren-glass/bottle-etch-light.svg");
}
/* Low specificity preserves existing absolute, sticky and fixed positioning. */
body.is-sections-demo :where(.preview-card,.section-card,.widget-card,.post-card,.moment-card,.message-card,.bookmark-card,.project-card,.friend-card,.album-card,.novel-card,.article-detail,.about-profile,.site-footer,.reader-page) { position:relative; }

html[data-theme] body.is-sections-demo :is(.card,.section-card,.widget-card,.post-card,.moment-card,.message-card,.bookmark-card,.project-card,.friend-card,.album-card,.novel-card,.article-detail,.about-profile,.site-footer,.section-hero,.track-list,.time-river-viewport,.demo-dialog:where(:not(.is-lightbox))) {
  --text: #edf4ed;
  --text-muted: #ccdcd5;
  border-color:var(--fr-rim);
  background-color:var(--fr-glass);
  background-image:var(--fr-etch),radial-gradient(ellipse at 0 0,var(--fr-jade),transparent 64%),linear-gradient(135deg,var(--fr-sheen),transparent 65%);
  background-position:right bottom,center,center;
  background-size:154px 154px,auto,auto;
  background-repeat:no-repeat;
  box-shadow:inset 0 1px 0 var(--fr-reflection),inset 0 0 0 1px var(--fr-inlay),0 18px 42px -27px var(--fr-shadow);
  backdrop-filter:blur(22px) saturate(115%);
  -webkit-backdrop-filter:blur(22px) saturate(115%);
}
html[data-theme="light"] body.is-sections-demo :is(.card,.section-card,.widget-card,.post-card,.moment-card,.message-card,.bookmark-card,.project-card,.friend-card,.album-card,.novel-card,.article-detail,.about-profile,.site-footer,.section-hero,.track-list,.time-river-viewport,.demo-dialog:where(:not(.is-lightbox))) {
  --text:#183e34;
  --text-muted:#25473d;
  --gold:#58492c;
}
/* Qingzhu sword fittings and etched talisman strokes stay in the four corners. */
body.is-sections-demo :is(.preview-card,.section-card,.widget-card,.post-card,.moment-card,.message-card,.bookmark-card,.project-card,.friend-card,.album-card,.novel-card,.article-detail,.about-profile,.site-footer,.reader-page)::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:5px;
  border-radius:inherit;
  background-image:url("./assets/fanren-glass/corner-tl.svg"),url("./assets/fanren-glass/corner-tr.svg"),url("./assets/fanren-glass/corner-br.svg"),url("./assets/fanren-glass/corner-bl.svg");
  background-position:left top,right top,right bottom,left bottom;
  background-size:var(--fr-corner) var(--fr-corner);
  background-repeat:no-repeat;
  pointer-events:none;
}
body.is-sections-demo :is(.widget-card,.bookmark-card,.novel-card,.post-card,.album-card) { --fr-corner:35px; }
body.is-sections-demo :is(.section-card,.widget-card,.moment-card,.message-card,.bookmark-card,.novel-card) { --fr-corner:30px; }
body.is-sections-demo .home-content .preview-card { --fr-corner:51px; }
body.is-sections-demo .reader-page { border-color:var(--fr-rim);box-shadow:inset 0 1px var(--fr-reflection),var(--section-shadow); }

/* Reuse the artifact drawings already chosen for this blog; no text is moved. */
body.is-sections-demo .home-content .card-heading {
  background-image:url("./assets/fanren-glass/spirit-divider.svg");
  background-position:bottom center;
  background-size:132px 15px;
  background-repeat:no-repeat;
  border-bottom-color:var(--fr-inlay);
}
body.is-sections-demo .home-content .card-heading h2 { position:relative; }
body.is-sections-demo .home-content .card-heading h2::before {
  content:"";
  position:absolute;
  top:50%;
  left:-34px;
  width:27px;
  height:30px;
  transform:translateY(-50%);
  background:var(--fr-seal) center / contain no-repeat;
  pointer-events:none;
}
body.is-sections-demo .photo-preview { --fr-seal:url("./assets/fanren-glass/icons/photos.svg"); }
body.is-sections-demo .secondary-grid>.preview-card:first-child { --fr-seal:url("./assets/fanren-glass/icons/moments.svg"); }
body.is-sections-demo .secondary-grid>.preview-card:last-child { --fr-seal:url("./assets/fanren-glass/icons/projects.svg"); }
body.is-sections-demo .home-article-entry+.home-article-entry { border-top-color:var(--fr-inlay); }

/* Inner surfaces keep the same fittings, with quieter marks to avoid clutter. */
body.is-sections-demo .home-chatter-deck .home-chatter-card {
  border-color:var(--fr-rim);
  background-color:var(--fr-glass);
  background-image:var(--fr-etch),linear-gradient(135deg,var(--fr-sheen),transparent);
  background-position:right bottom,center;
  background-size:90px 90px,auto;
  background-repeat:no-repeat;
}
body.is-sections-demo .home-chatter-deck .home-chatter-card[aria-hidden="true"]>* { visibility:hidden; }
body.is-sections-demo .friend-constellation .friend-bottle {
  border-color:var(--fr-rim);
  background:radial-gradient(ellipse at 0 0,var(--fr-jade),transparent 75%),linear-gradient(135deg,var(--fr-sheen),transparent);
  box-shadow:inset 0 1px var(--fr-reflection),inset 0 0 0 1px var(--fr-inlay);
}
body.is-sections-demo .photo-mount { border-color:var(--fr-rim);box-shadow:0 9px 22px var(--fr-shadow),inset 0 1px var(--fr-reflection); }
body.is-sections-demo :is(.signal-quote,.settings-panel,.motion-floating-player) { border-color:var(--fr-rim); }
body.is-sections-demo :is(.post-card,.bookmark-card,.project-card,.novel-card):hover { border-color:rgba(154,192,153,.75); }

@media(max-width:767px) {
  body.is-sections-demo { --fr-corner:36px; }
  body.is-sections-demo .home-content .preview-card { --fr-corner:40px; }
  body.is-sections-demo .home-content .card-heading h2::before { width:23px;height:27px;left:-29px; }
  body.is-sections-demo :is(.card,.section-card,.widget-card,.article-detail,.site-footer) { background-size:118px 118px,auto,auto; }
}
@supports not (backdrop-filter:blur(1px)) {
  body.is-sections-demo { --fr-glass:rgba(14,35,45,.92); }
  html[data-theme="light"] body.is-sections-demo { --fr-glass:rgba(238,248,237,.94); }
}
@media(forced-colors:active) {
  body.is-sections-demo :is(.card,.section-card,.widget-card,.post-card,.moment-card,.site-footer) { border-color:CanvasText; }
  body.is-sections-demo :is(.card,.section-card,.widget-card,.article-detail)::after { display:none; }
}