/* ══════════ 十二号公寓探案笔记 · 翻页阅读器 ══════════ */
:root{
  --ink:#4a3a20; --red:#8c3b1c; --soft:#9a8558;
  --paper:#f3ead4; --paper-e:#e6dabd; --text:#2a2216; --dim:#8a7550;
  --line:rgba(120,98,54,.34); --card:#fffdf5;
  --fs:17px; --lh:2.02; --bar:56px;
  --desk1:#2a1f14; --desk2:#16100a;
  --board1:#4a3218; --board2:#2b1c0d; --gold:#c9a24e;
}
[data-paper="rice"]{ --paper:#f8f3e6; --paper-e:#ece4d2; --text:#2a2620 }
[data-paper="green"]{ --paper:#e9ece0; --paper-e:#dde1d1; --text:#232a22 }
[data-theme="dark"]{
  --paper:#1c1a14; --paper-e:#15130e; --text:#d9d1bd; --dim:#8b8069; --card:#242118;
  --line:rgba(154,133,88,.26); --ink:#c6b68c; --red:#dd8b5f; --soft:#8b7c58;
  --desk1:#0e0b07; --desk2:#050403; --board1:#2a1d10; --board2:#150e07;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{background:radial-gradient(ellipse 120% 90% at 50% 30%,var(--desk1),var(--desk2) 78%);
  color:var(--text);font-family:"STZhongsong","Songti SC","SimSun",Georgia,serif;
  overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none !important}

/* ══════ 开场 ══════ */
#intro{position:fixed;inset:0;z-index:100;background:#100e0a;perspective:1600px}
#dust{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse 70% 60% at 50% 38%,rgba(226,196,138,.16),transparent 62%),
    linear-gradient(170deg,#191510,#100e0a 60%,#0a0805);transition:opacity .35s}
.vign{position:absolute;inset:0;box-shadow:inset 0 0 24vmin 6vmin rgba(0,0,0,.75)}
.stage .inner{position:relative;text-align:center;padding:6vmin;width:min(92vw,560px)}
.i-kick{font-family:Georgia,serif;font-size:11.5px;letter-spacing:.5em;color:#c7ab77;opacity:0;
  transform:translateY(10px);text-shadow:0 0 18px rgba(201,162,78,.45)}
.i-title{margin-top:22px;font-weight:700;font-size:clamp(34px,9vw,56px);line-height:1.26;
  letter-spacing:.14em;text-indent:.14em;color:#efe2c4}
.i-title .ch{display:inline-block;opacity:0;transform:translateY(28px) rotateX(-40deg)}
.i-rule{width:0;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,#e0bd6d,transparent);
  box-shadow:0 0 16px rgba(224,189,109,.5)}
.i-sub{margin-top:18px;font-family:"KaiTi",serif;font-size:15px;letter-spacing:.42em;text-indent:.42em;
  color:#c0aa7c;opacity:0}
.i-art{margin-top:24px;height:clamp(140px,26vh,230px);color:#c8b184;opacity:0}
.i-art svg{width:100%;height:100%}
.i-actions{position:absolute;left:0;right:0;bottom:max(7vh,40px);text-align:center;z-index:3;opacity:0;
  transition:opacity .6s}
.i-actions.show{opacity:1}
.btn-enter{position:relative;padding:13px 44px;border:1px solid rgba(201,162,78,.6);border-radius:2px;
  color:#e6d3a4;font-size:15px;letter-spacing:.5em;text-indent:.5em;overflow:hidden;
  background:rgba(201,162,78,.06);transition:.35s}
.btn-enter::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,236,190,.35),transparent);
  animation:sweep 3.2s ease-in-out infinite}
@keyframes sweep{0%{left:-60%}55%,100%{left:120%}}
.btn-enter:hover{background:rgba(201,162,78,.16);border-color:var(--gold);box-shadow:0 0 26px rgba(201,162,78,.28)}
.btn-skip{display:block;margin:16px auto 0;font-size:12px;letter-spacing:.24em;color:#8d7a52}
.btn-skip:hover{color:var(--gold)}
.leafwrap{position:absolute;inset:0;z-index:2;pointer-events:none}
.dleaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;
  transition:transform 1.1s cubic-bezier(.62,.02,.3,1),filter 1.1s}
.dleaf.l{left:0;transform-origin:left center}
.dleaf.r{right:0;transform-origin:right center}
.dleaf .clone{position:absolute;top:0;height:100%}
.leafwrap.open .dleaf.l{transform:rotateY(-108deg);filter:brightness(.4)}
.leafwrap.open .dleaf.r{transform:rotateY(108deg);filter:brightness(.4)}
.seam{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;z-index:3;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,231,178,.95),transparent);transition:opacity .5s}
.leafwrap.open .seam{opacity:1;box-shadow:0 0 60px 18px rgba(255,220,150,.4)}

/* ══════ 顶栏 ══════ */
#bar{position:fixed;top:0;left:0;right:0;height:var(--bar);z-index:40;display:flex;align-items:center;
  gap:2px;padding:0 10px;color:#d9c7a0;opacity:0;transition:opacity .4s}
body.ready #bar{opacity:1}
#bar::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,7,4,.75),rgba(10,7,4,0))}
.ico{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#c3ae86;transition:.2s}
.ico svg{width:19px;height:19px;stroke-width:1.7}
.ico:hover{background:rgba(201,162,78,.16);color:#f0e0bb}
.aa{font-family:Georgia,serif;font-size:16px}
#crumb{margin-left:8px;min-width:0;line-height:1.25;overflow:hidden}
#crumb b{display:block;font-weight:400;font-size:12.5px;letter-spacing:.08em;color:#e2d2ab}
#crumb span{display:block;font-size:10.5px;color:#9d8d6c;letter-spacing:.1em;font-family:"KaiTi",serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spacer{flex:1}
#folio{font-family:Georgia,serif;font-size:12px;letter-spacing:.14em;color:#a89madd;color:#a8956d;
  margin-right:8px;white-space:nowrap}

/* ══════ 书 ══════ */
#stagebox{position:fixed;inset:0;display:grid;place-items:center;padding:calc(var(--bar) + 6px) 14px 54px;
  opacity:0;transition:opacity .8s}
body.ready #stagebox{opacity:1}
#book{position:relative;width:min(1180px,96vw);height:min(820px,100%);perspective:2600px;
  perspective-origin:50% 42%}
.boards{position:absolute;left:-16px;right:-16px;top:-13px;bottom:-13px;border-radius:5px 8px 8px 5px;
  background:linear-gradient(150deg,var(--board1),var(--board2) 70%);
  box-shadow:0 46px 100px rgba(0,0,0,.66),0 10px 26px rgba(0,0,0,.5),
    inset 0 0 0 1.6px rgba(201,162,78,.22), inset 0 0 40px rgba(0,0,0,.45)}
.boards::after{content:"";position:absolute;inset:9px;border:1px solid rgba(201,162,78,.2);border-radius:3px}
.spine{position:absolute;left:50%;top:-13px;bottom:-13px;width:26px;transform:translateX(-50%);z-index:6;
  background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.06) 42%,rgba(0,0,0,.06) 58%,rgba(0,0,0,.5));
  pointer-events:none}
.stack{position:absolute;top:4px;bottom:4px;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--paper-e) 0 1px,rgba(120,98,54,.22) 1px 2.5px)}
.stack.l{left:0;transform:translateX(-100%);border-radius:3px 0 0 3px;
  box-shadow:inset -3px 0 6px rgba(0,0,0,.28)}
.stack.r{right:0;transform:translateX(100%);border-radius:0 3px 3px 0;
  box-shadow:inset 3px 0 6px rgba(0,0,0,.28)}
.spread{position:absolute;inset:0;display:flex;transform-style:preserve-3d}
.pg{position:relative;flex:1 1 50%;width:50%;background:var(--paper);overflow:hidden;
  background-image:
    radial-gradient(ellipse 100% 60% at 50% 0%,rgba(255,255,255,.5),transparent 60%),
    repeating-linear-gradient(0deg,rgba(120,98,54,.028) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(120,98,54,.02) 0 1px,transparent 1px 4px)}
.pg.l{box-shadow:inset -26px 0 34px -18px rgba(60,40,14,.45)}
.pg.r{box-shadow:inset 26px 0 34px -18px rgba(60,40,14,.45)}
.pg .inner{position:absolute;left:12%;right:12%;top:8.2%;bottom:9.5%;overflow:hidden}
.pg .rh{position:absolute;left:12%;right:12%;top:4.6%;display:flex;justify-content:space-between;
  font-family:"KaiTi",serif;font-size:11px;letter-spacing:.18em;color:var(--dim)}
.pg .rh::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--line)}
.pg .fol{position:absolute;bottom:4.4%;font-family:Georgia,serif;font-size:12px;color:var(--dim);
  letter-spacing:.1em}
.pg.l .fol{left:12%}
.pg.r .fol{right:12%}
/* 底层两页压后 1px：和翻动的那页共面会 z-fighting，旧页会闪出来 */
.spread>.pg{transform:translateZ(-1px)}
/* 翻动的那一页 */
.leaf{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;
  transform-style:preserve-3d;z-index:5;will-change:transform}
.leaf.back{left:0;transform-origin:right center}
.leaf .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:var(--paper);overflow:hidden}
.leaf .face.b{transform:rotateY(180deg)}
.leaf .sh{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(60,40,14,.34),transparent 32%)}
.leaf .face.b .sh{background:linear-gradient(270deg,rgba(60,40,14,.34),transparent 32%)}

/* 正文排版 */
.pg h2.ch{font-size:clamp(21px,2.5vw,27px);letter-spacing:.2em;text-indent:.2em;text-align:center;
  margin:6% 0 0;font-weight:700}
.pg .chn{text-align:center;font-size:12px;letter-spacing:.6em;text-indent:.6em;color:var(--red);margin-top:12%}
.pg .chen{text-align:center;font-family:Georgia,serif;font-size:9.5px;letter-spacing:.34em;color:var(--dim);
  margin-top:14px}
.pg .chr{width:24px;height:2px;background:var(--line);margin:22px auto 0}
.pg .chart{margin-top:26px;height:34%;color:var(--ink);display:grid;place-items:center}
.pg .chart svg{max-width:100%;max-height:100%}
.pg p{font-size:var(--fs);line-height:var(--lh);text-align:justify;text-indent:2em;
  hanging-punctuation:allow-end}
.pg p.cont{text-indent:0}
.pg p.ti{text-indent:0}
.pg p.ti b{font-weight:400;color:var(--red);margin-right:8px}
.pg h3.tl{margin:1.2em 0 .5em;font-family:"SimHei","Heiti SC",sans-serif;font-weight:400;font-size:14px;
  letter-spacing:.18em;color:var(--red);border-left:3px solid var(--red);padding-left:10px}
.pg figure{margin:1.1em 0 .8em}
.pg figure .art{color:var(--ink);display:grid;place-items:center}
.pg figure svg{width:100%;height:auto}
.pg figcaption{margin-top:8px;text-align:center;font-family:"KaiTi",serif;font-size:11.5px;
  color:var(--dim);line-height:1.7}
.pg .mkflag{position:absolute;right:9%;top:6%;width:16px;height:22px;color:var(--red);opacity:.9}
.pg .mkflag svg{fill:currentColor;stroke:none;width:100%;height:100%}
/* 扉页 / 封底 */
.pg .tp{position:absolute;inset:12% 12%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center}
.tp .k{font-family:Georgia,serif;font-size:10px;letter-spacing:.45em;color:var(--dim)}
.tp h1{margin-top:18px;font-size:clamp(24px,3.2vw,34px);letter-spacing:.16em;text-indent:.16em;line-height:1.3}
.tp .r{width:30px;height:2px;background:var(--red);margin:20px 0 14px}
.tp .s{font-family:"KaiTi",serif;font-size:13px;letter-spacing:.3em;text-indent:.3em;color:var(--dim)}
.tp .art{margin-top:20px;height:38%;width:100%;color:var(--ink);display:grid;place-items:center}
.tp .art svg{max-width:100%;max-height:100%}
.tp .n{margin-top:18px;font-family:"KaiTi",serif;font-size:11.5px;line-height:2;color:var(--dim)}

/* 翻页热区 */
.turn{position:absolute;top:0;bottom:0;width:16%;z-index:7;cursor:pointer;opacity:0;transition:opacity .2s}
.turn.p{left:0}.turn.n{right:0}
.turn:hover{opacity:1;background:linear-gradient(90deg,rgba(255,238,200,.16),transparent)}
.turn.n:hover{background:linear-gradient(270deg,rgba(255,238,200,.16),transparent)}
.turn i{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:rgba(30,20,8,.42);color:#e9d9b2;font-style:normal;font-size:16px}
.turn.p i{left:12px}.turn.n i{right:12px}
#pagenav{position:fixed;left:0;right:0;bottom:12px;z-index:41;display:flex;align-items:center;
  justify-content:center;gap:14px;color:#c3ae86;opacity:0;transition:opacity .4s}
body.ready #pagenav{opacity:1}
#pagenav input[type=range]{width:min(380px,52vw);accent-color:var(--gold);cursor:pointer}
#pagenav .nb{width:34px;height:34px;border-radius:50%;background:rgba(201,162,78,.14);display:grid;
  place-items:center;font-size:15px}
#pagenav .nb:hover{background:rgba(201,162,78,.3)}

/* ══════ 抽屉 / 面板 ══════ */
#scrim{position:fixed;inset:0;z-index:44;background:rgba(10,7,4,.55);opacity:0;pointer-events:none;
  transition:opacity .3s;backdrop-filter:blur(3px)}
#scrim.on{opacity:1;pointer-events:auto}
.panel{position:fixed;top:0;bottom:0;z-index:45;width:min(88vw,360px);background:var(--paper-e);
  display:flex;flex-direction:column;transition:transform .34s cubic-bezier(.4,0,.2,1);color:var(--text)}
#drawer{left:0;transform:translateX(-102%);box-shadow:10px 0 44px rgba(0,0,0,.45)}
#drawer.on{transform:none}
#cmtp{right:0;width:min(92vw,420px);transform:translateX(102%);box-shadow:-10px 0 44px rgba(0,0,0,.45)}
#cmtp.on{transform:none}
.d-head{padding:18px 18px 12px;position:relative;border-bottom:1px solid var(--line)}
.d-title{font-size:15.5px;letter-spacing:.14em}
.d-sub{margin-top:5px;font-family:"KaiTi",serif;font-size:11px;letter-spacing:.2em;color:var(--dim)}
.d-close{position:absolute;right:10px;top:12px;width:32px;height:32px;border-radius:6px;color:var(--dim)}
.d-tabs{display:flex;border-bottom:1px solid var(--line)}
.d-tabs button{flex:1;padding:11px 0;font-size:12.5px;letter-spacing:.12em;color:var(--dim);
  border-bottom:2px solid transparent}
.d-tabs button.on{color:var(--red);border-bottom-color:var(--red)}
.d-body{flex:1;overflow:auto}
.pane{display:none;padding:10px 0 40px}
.pane.on{display:block}
.toc-i{display:flex;gap:12px;align-items:baseline;padding:13px 18px;cursor:pointer;
  border-bottom:1px dashed var(--line)}
.toc-i:hover{background:rgba(154,133,88,.12)}
.toc-i.cur{background:rgba(140,59,28,.1)}
.toc-i b{font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--red);min-width:34px}
.toc-i span{font-size:15px;letter-spacing:.06em}
.toc-i i{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--dim);font-family:Georgia,serif}
.mk{padding:12px 18px;border-bottom:1px dashed var(--line);cursor:pointer;position:relative}
.mk:hover{background:rgba(154,133,88,.12)}
.mk .t{font-size:10.5px;color:var(--red);letter-spacing:.16em;font-family:Georgia,serif}
.mk .x{margin-top:5px;font-size:13px;line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk .del{position:absolute;right:8px;top:10px;width:26px;height:26px;border-radius:5px;color:var(--dim)}
.empty{padding:34px 18px;text-align:center;color:var(--dim);font-family:"KaiTi",serif;font-size:13px;line-height:2}
.fg{padding:10px 14px;cursor:pointer;border-bottom:1px dashed var(--line)}
.fg .box{height:92px;color:var(--ink);display:grid;place-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:3px}
.fg .box svg{max-width:94%;max-height:88%}
.fg .cap{margin-top:6px;font-family:"KaiTi",serif;font-size:11px;color:var(--dim)}
.cv{padding:10px 14px 4px}
.cv img{width:100%;border-radius:3px;border:1px solid var(--line);display:block;
  box-shadow:0 6px 18px rgba(0,0,0,.3)}
.cv .cap{margin:7px 0 12px;font-family:"KaiTi",serif;font-size:11px;color:var(--dim);text-align:center}

/* 留言 */
.cmt-wrap{padding:14px 16px 40px}
.cmt-form{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:11px}
.cmt-form textarea{width:100%;min-height:76px;resize:vertical;border:0;outline:0;background:transparent;
  color:var(--text);font:inherit;font-size:14px;line-height:1.85;-webkit-user-select:text;user-select:text}
.cmt-row{display:flex;gap:8px;align-items:center;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}
.cmt-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;
  font-size:13px;-webkit-user-select:text;user-select:text}
.cmt-row .send{padding:7px 18px;border:1px solid var(--red);color:var(--red);border-radius:3px;font-size:13px;
  letter-spacing:.12em}
.cmt-row .send:hover{background:var(--red);color:var(--paper)}
.cmt-row .send:disabled{opacity:.45}
.c-i{padding:13px 2px;border-bottom:1px dashed var(--line)}
.c-i .m{display:flex;align-items:baseline;gap:10px}
.c-i .n{font-size:13px;color:var(--red)}
.c-i .n.anon{color:var(--dim)}
.c-i .t{font-size:10.5px;color:var(--dim);font-family:Georgia,serif}
.c-i .x{margin-top:6px;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:break-word;
  -webkit-user-select:text;user-select:text}
.cmt-empty{padding:22px 0;text-align:center;color:var(--dim);font-family:"KaiTi",serif;font-size:13px}

/* ══════ 浮层 ══════ */
.resume{position:fixed;left:50%;transform:translateX(-50%);bottom:58px;z-index:38;display:flex;
  align-items:center;gap:12px;padding:9px 10px 9px 18px;border-radius:40px;background:var(--card);
  border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.4);font-size:13px;color:var(--text)}
.resume[hidden]{display:none !important}
.resume b{font-weight:400;color:var(--red)}
.resume button{padding:6px 14px;border:1px solid var(--red);color:var(--red);border-radius:30px;font-size:12.5px}
.resume button.x{border:0;color:var(--dim);padding:6px 9px}
#toast{position:fixed;left:50%;transform:translateX(-50%) translateY(16px);bottom:104px;z-index:60;
  padding:9px 20px;border-radius:30px;background:rgba(24,16,8,.94);color:#f1e6cc;font-size:13px;
  letter-spacing:.06em;opacity:0;pointer-events:none;transition:.28s}
#toast.on{opacity:1;transform:translateX(-50%)}
.pop{position:fixed;top:calc(var(--bar) + 4px);right:10px;z-index:46;width:228px;padding:12px 14px;
  border-radius:8px;background:var(--card);border:1px solid var(--line);color:var(--text);
  box-shadow:0 16px 44px rgba(0,0,0,.45)}
.pop .row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px}
.pop .row>span:first-child{width:34px;color:var(--dim);font-size:12px}
.pop .row button{width:30px;height:28px;border:1px solid var(--line);border-radius:5px;color:var(--dim)}
.pop .row button:hover{color:var(--red);border-color:var(--red)}
.pop .row b{flex:1;text-align:center;font-weight:400;font-family:Georgia,serif;font-size:13px}
.swatches{display:flex;gap:8px;flex:1;justify-content:flex-end}
.swatches i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);cursor:pointer}
.swatches i[data-paper="cream"]{background:#f3ead4}
.swatches i[data-paper="rice"]{background:#f8f3e6}
.swatches i[data-paper="green"]{background:#e9ece0}
.swatches i.on{box-shadow:0 0 0 2px var(--red)}

/* ══════ 单页（窄屏） ══════ */
body.single #book{width:min(560px,96vw)}
body.single .pg.l{display:none}
body.single .pg.r{flex:1 1 100%;width:100%;box-shadow:none}
body.single .leaf{left:0;width:100%}
body.single .spine{display:none}
body.single .pg .inner{left:10%;right:10%}
body.single .pg .rh{left:10%;right:10%}
body.single .pg.r .fol{right:auto;left:0;width:100%;text-align:center}
@media (max-width:860px){
  #pagenav input[type=range]{width:44vw}
  .turn{opacity:.001}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important}}

/* ══════ 铜版插页 · 装裱 ══════ */
.plate{position:relative}
.pmount{position:relative;padding:10px 10px 8px;border-radius:2px;
  background:linear-gradient(168deg,#fbf5e4,#f0e6cd 60%,#e5d8ba);
  box-shadow:0 8px 22px rgba(50,32,10,.28),0 1px 0 rgba(255,255,255,.6) inset,
             0 0 0 1px rgba(120,98,54,.32);
  transform:rotate(-.5deg)}
.pmount::before{content:"";position:absolute;inset:5px;border:1px solid rgba(120,98,54,.5);
  border-radius:1px;pointer-events:none}
.pmount::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:2px;
  background:radial-gradient(ellipse 90% 80% at 50% 40%,transparent 42%,rgba(80,56,20,.20) 100%),
    repeating-linear-gradient(0deg,rgba(120,98,54,.035) 0 1px,transparent 1px 3px);
  mix-blend-mode:multiply}
.pmount .win{position:relative;overflow:hidden;background:#efe4c9;
  box-shadow:inset 0 0 0 1px rgba(120,98,54,.28), inset 0 2px 10px rgba(80,56,20,.18)}
.pmount .win img{width:100%;height:100%;object-fit:cover;display:block;
  filter:sepia(.55) contrast(1.08) brightness(.98) saturate(.8)}
.pmount .win svg{width:100%;height:100%;color:#4a3520;filter:url(#inkr)}
.pmount .win::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 88% 82% at 50% 45%,transparent 45%,rgba(60,40,12,.42) 100%)}
[data-theme="dark"] .pmount{background:linear-gradient(168deg,#2b2619,#231f14 60%,#1b1710)}
[data-theme="dark"] .pmount .win{background:#221e14}
[data-theme="dark"] .pmount .win svg{color:#c9b98f}
[data-theme="dark"] .pmount .win img{filter:sepia(.5) contrast(.95) brightness(.8)}
.pg figure .pmount{margin:0 auto;max-width:94%}
.tp .art .pmount,.chart .pmount{max-width:92%;margin:0 auto}
.fg .pmount{transform:none;padding:5px}