html{background:#080807}body{min-height:100vh;background:
 radial-gradient(circle at 14% 18%,rgba(86,65,43,.12) 0 1px,transparent 2px),
 radial-gradient(circle at 82% 32%,rgba(93,77,52,.09) 0 1px,transparent 2px),
 repeating-linear-gradient(0deg,#080807 0,#080807 3px,#0b0a09 4px);background-size:29px 29px,41px 41px,auto;color:#302c26;font:12px/1.55 SimSun,"宋体",Arial,sans-serif;padding:18px 0 70px}.capture{width:980px;max-width:calc(100% - 28px);margin:0 auto;background:#d7d0c4;border:1px solid #8c8172;box-shadow:0 0 0 3px #151412,0 8px 28px rgba(0,0,0,.62)}.cap-head{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;background:#3f493f;color:#f0ecdf;font:11px/1.4 Tahoma,Arial,monospace;border-bottom:1px solid #1b211d}.cap-head:before{content:"[明岚树洞缓存查看器] ";color:#f4d99e}.cache-stat{padding:4px 8px;background:#c7c0b4;color:#5c554b;border-bottom:1px solid #948a7b;font:10px Tahoma,Consolas,monospace}.cache-stat:before{content:"状态：只读　";color:#7a2c22}.cap-post{padding:16px 20px 12px;border-bottom:1px solid #9e9588;position:relative;background:#f3efe7}.post-no{position:absolute;right:18px;top:9px;color:#999083;font:10px Tahoma,Consolas,monospace}.cap-post h1{font:normal 20px/1.45 SimSun,"宋体",serif;margin:0 0 12px;color:#403a31;border-bottom:1px dotted #a79d8e;padding-bottom:8px}.reply{display:grid;grid-template-columns:145px 52px 1fr;gap:8px;padding:7px 4px;border-bottom:1px dotted #aaa091;align-items:start}.reply:nth-child(even){background:#ece8df}.reply b{font-weight:normal;color:#4e594f}.reply time{color:#8d8579;font:10px Tahoma,Consolas,monospace}.reply.missing{color:#938b80;background:#ded9cf}.reply.missing b{color:#8b8378}.cache-nearby{padding:8px 20px 10px;background:#cfc8bb;border-bottom:1px solid #988e80;color:#5e594f;font:11px/1.8 Tahoma,SimSun,sans-serif}.cache-nearby-title{font-weight:bold;color:#48423a;border-bottom:1px dotted #a59b8d;margin-bottom:3px}.share{padding:11px 20px 17px;background:#bdb7aa}.official{border:1px solid #9b9284;background:#eeeae2;padding:9px 10px;line-height:1.65;position:relative}.official:before{content:"LINK PREVIEW";position:absolute;right:8px;top:6px;color:#aaa196;font:8px Tahoma,monospace;letter-spacing:1px}.source{font:9px Tahoma,Consolas,monospace;color:#746e64;margin-bottom:4px}.official-title{font-size:15px;font-weight:normal;color:#4d4138}.preview{margin:7px 0;color:#5d574f}.official a{display:inline-block;margin-top:3px;font:11px Tahoma,Arial,sans-serif;color:#0000b8;text-decoration:underline}.cap-foot{padding:6px 9px;color:#5e584f;font:9px Tahoma,Consolas,monospace;background:#aaa396;border-top:1px solid #8e8577}.cap-foot:after{content:"　|　查看器版本 1.4 (2009)　|　建议 800×600 以上分辨率"}.cache-ghost{display:grid;grid-template-columns:108px 1fr;gap:10px;margin:10px 20px 0;padding:8px;border:1px dashed #837a6d;background:#c6bfb2;color:#655e54}.cache-ghost .thumb{height:66px;border:1px solid #71695e;background:repeating-linear-gradient(135deg,#4b4037 0 5px,#58483d 5px 10px);color:#c9bda8;display:grid;place-items:center;font:9px Tahoma,monospace}.cache-ghost b{font-weight:normal;color:#4d473f}.capture:after{content:"cache mirror / public snapshot / no account";display:block;padding:4px 8px;color:#5c554c;background:#9f988c;border-top:1px solid #82796c;font:9px Tahoma,monospace}@media(max-width:640px){body{padding:0;background:#0a0908}.capture{max-width:100%;width:100%;border-left:0;border-right:0;box-shadow:none}.cap-post,.share,.cache-nearby{padding-left:10px;padding-right:10px}.cache-ghost{margin-left:10px;margin-right:10px;grid-template-columns:84px 1fr}.post-no{right:10px}.reply{grid-template-columns:1fr 48px}.reply span{grid-column:1/-1}.cap-head{font-size:9px}}

/* V9 — static night-web composition: the cache is an artifact, not a centered card. */
body.entry-cache{padding:8px 0 84px;background:
 radial-gradient(ellipse at 82% 18%,rgba(92,106,83,.08),transparent 28%),
 radial-gradient(ellipse at 14% 86%,rgba(116,48,37,.075),transparent 24%),
 repeating-linear-gradient(0deg,#050505 0,#050505 3px,#080707 4px);overflow-x:hidden;position:relative}
body.entry-cache:before{content:"FORWARD_CACHE // 2017 // READ ONLY";position:fixed;right:-58px;top:47%;transform:rotate(90deg);color:#2a2d2a;font:10px/1 Consolas,monospace;letter-spacing:5px;z-index:0}
.entry-mark{position:fixed;right:6.5vw;top:17vh;z-index:0;color:#35312c;font:72px/1 STKaiti,KaiTi,serif;letter-spacing:18px;transform:rotate(-7deg);text-shadow:2px 0 #291515,-2px 0 #102226;opacity:.48;user-select:none}
.entry-mark:after{content:"04 / 17";display:block;margin:20px 0 0 90px;color:#272a27;font:13px Consolas,monospace;letter-spacing:6px;transform:rotate(11deg)}
.entry-branch{position:fixed;z-index:0;right:-4vw;top:0;width:45vw;height:78vh;opacity:.22;pointer-events:none;background:
 linear-gradient(113deg,transparent 0 46%,#4a4a43 46.4% 47%,transparent 47.4%),
 linear-gradient(105deg,transparent 0 57%,#33352f 57.3% 57.7%,transparent 58%),
 linear-gradient(123deg,transparent 0 68%,#2e312d 68.2% 68.6%,transparent 69%)}
.entry-cache .capture{position:relative;z-index:2;width:min(1080px,calc(100vw - 96px));max-width:none;margin:0 0 0 max(24px,calc((100vw - 1220px)/2));background:#b9b2a6;border:1px solid #6f675d;box-shadow:7px 9px 0 #111,13px 18px 34px rgba(0,0,0,.68);transform:rotate(-.08deg)}
.entry-cache .cap-head{background:#333a34;border-top:1px solid #77786f;color:#e8e2d5}
.entry-cache .cap-post{background:#e9e3d7;background-image:linear-gradient(rgba(85,65,45,.025) 1px,transparent 1px);background-size:100% 4px}
.entry-cache .cap-post h1{font-size:22px;color:#28251f;text-shadow:1px 1px #f4efe5}
.entry-cache .share{background:#afa89b}
.entry-cache .official{background:#e8e2d6;border-color:#6d675e;box-shadow:inset 0 0 0 2px #f2ede4}
.cache-scratch{position:absolute;right:-112px;bottom:54px;color:#676158;font:19px/1 STKaiti,KaiTi,serif;letter-spacing:5px;transform:rotate(-7deg);opacity:.55;white-space:nowrap}
.entry-cache .cache-ghost{position:relative}
.entry-cache .cache-ghost:after{content:"×";position:absolute;right:10px;top:-18px;color:#7d2e27;font:26px Georgia,serif;transform:rotate(8deg)}
@media(max-width:760px){.entry-mark,.entry-branch{display:none}.entry-cache .capture{margin:0;max-width:100%;width:100%;transform:none;box-shadow:none}.cache-scratch{display:none}}

/* V10 — fill the first stage with the cache viewer, not unused black backdrop. */
.entry-cache .capture{min-height:calc(100vh - 24px);display:flex;flex-direction:column}
.entry-cache .share{flex:1;display:flex;align-items:flex-start}
@media(max-width:760px){.entry-cache .capture{min-height:100vh}}

/* V16 — the side composition uses the actual night photograph, not drawn branch lines. */
.entry-branch{right:-2vw;top:4vh;width:42vw;height:82vh;opacity:.19;background:linear-gradient(135deg,rgba(35,44,52,.7),rgba(4,6,8,.15));filter:grayscale(1) contrast(1.45) brightness(.48);mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 100%)}

/* FINAL — the cache is already uncanny when first opened; no later state changes are required. */
body.entry-cache{background:linear-gradient(180deg,#0b0d10,#050405)}
.entry-cache .cache-ghost .thumb{background:linear-gradient(135deg,#2b2927,#151311);color:#d4c5b0;text-shadow:0 1px 3px #000}
.entry-mark{color:#4b3d36;opacity:.32}
.entry-cache .cache-ghost:after{content:none!important}
