/* 修改这里的颜色即可调整全站。青为冷青，黑白为主色。 */
:root{--bg:#f5f4f1;--card:#ffffffbf;--text:#1c1d20;--muted:#77797f;--line:#ffffffed;--jade:#168f9f;--red:#cf3b38;--gold:#d6a32e;--shadow:0 12px 35px #18191c0a;--inner:#fff;--surface:#e9e9e8;--cursor:auto;--pointer:pointer}
html[data-theme=dark]{--bg:#121315;--card:#222326cc;--text:#f4f3ef;--muted:#a1a2a6;--line:#ffffff18;--jade:#63ccdb;--red:#ef6260;--gold:#e9bd52;--shadow:0 14px 40px #0003;--inner:#ffffff08;--surface:#2b2c30}
::selection{background:#5ac6d255}.atmosphere:before{background:#5ccada;width:430px;height:430px;opacity:.1;top:60%;left:-230px}.atmosphere:after{background:#e33d39;width:330px;height:330px;opacity:.06;top:5%;right:-220px}.brand-leaf{width:26px;height:26px;vertical-align:middle;margin-right:10px}.avatar{background:#fff;border-radius:26px;transform:rotate(-3deg)}.avatar img{transform:none;object-position:center}.tags span{border-color:#8883}.card:hover{border-color:#9994;box-shadow:0 18px 45px #00000014,inset 0 1px 0 var(--inner)}.oc{background:linear-gradient(130deg,#fff 50%,#e9edf0);color:#242427}.oc .oc-copy{color:#6c7177}.oc .oc-title{font-weight:600}.oc img{filter:none}.oc img.leaf-motif{height:80px;width:80px;right:25px;top:25px;bottom:auto;opacity:.18;transform:rotate(15deg)}.round-link{color:#1f2327}.artwork:after{background:linear-gradient(transparent,#090b10df)}.social.x{background:#202124;color:#fff}.social.x small,.social.x .arrow{color:#a8a9ae}.social.steam .icon{color:var(--gold)}.social.github .icon{color:var(--text)}.social.bluesky{border-top:2px solid var(--jade)}.contact{border-bottom:2px solid var(--red)}.record{background:repeating-radial-gradient(#18191a 0 2px,#343538 3px 4px)}.essay{border-top:2px solid var(--gold)}.identity h1 span{color:var(--red)!important}.page-footer{color:var(--muted)}
.route-page[hidden],body.subpage .layout,body.subpage>.atmosphere,body.subpage>header{display:none}.route-page{min-height:100svh;animation:route-in .55s both}.route-nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:4;font-size:12px}.route-nav a{display:flex;align-items:center;gap:12px}.route-nav .route-back{border:1px solid #8885;border-radius:40px;padding:9px 17px}.route-nav .route-back:hover{border-color:var(--red)}.route-nav strong{font-size:12px;letter-spacing:2px}.route-kicker{font:11px/1.5 monospace;letter-spacing:2px;color:var(--muted)}.sub-title{font-size:clamp(40px,7vw,90px);line-height:1.1;letter-spacing:-3px;font-weight:500;margin:25px 0}.route-intro{max-width:1100px;padding:35px 30px;margin:auto}.route-intro p{color:var(--muted)}
/* 展览：卡片的位置由连续进度决定；滚轮、触摸和按钮共享同一条弧线。 */
.gallery-page{background:#101113;color:#f8f7f3;height:100svh;min-height:650px;overflow:hidden;position:relative}.gallery-page .route-nav{position:absolute;top:0;width:100%}.gallery-page .route-kicker{color:#919296}.gallery-word{position:absolute;inset:4% -4% auto;font-size:clamp(180px,33vw,600px);font-weight:900;letter-spacing:-.09em;line-height:1;color:#202125;pointer-events:none;user-select:none}.gallery-heading{position:absolute;top:20%;left:12%;z-index:2;pointer-events:none}.gallery-heading h1{font-weight:500;font-size:clamp(28px,4vw,58px);line-height:1.1;letter-spacing:-1px;margin:12px 0}.gallery-heading p{color:#a9aaae;font-size:12px}.gallery-stage{position:absolute;inset:0;touch-action:pan-y;overflow:hidden}.exhibit{position:absolute;left:50%;top:44%;width:clamp(150px,20vw,280px);height:clamp(210px,28vw,380px);padding:11px 11px 37px;background:#f8f7f3;box-shadow:0 25px 70px #0008;transform-origin:50% 150%;will-change:transform;cursor:pointer;border:0}.exhibit img{width:100%;height:100%;object-fit:cover;pointer-events:none}.exhibit span{position:absolute;bottom:9px;left:12px;font:9px monospace;letter-spacing:1px;color:#3b3c40}.exhibit:focus-visible{outline:3px solid #5ccada;outline-offset:8px}.gallery-bottom{position:absolute;left:5vw;right:5vw;bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:15px;z-index:4}.gallery-bottom small{font:10px monospace;color:#aaa}.gallery-controls{display:flex;align-items:center;gap:17px}.gallery-controls button{border:1px solid #fff4;border-radius:50%;width:42px;height:42px;color:#fff}.gallery-controls button:hover{background:#fff;color:#111}.gallery-count{font:12px monospace;min-width:60px}.gallery-progress{position:absolute;bottom:0;left:0;height:3px;background:#cc3734;transition:width .4s}.gallery-hint{font-size:11px;color:#a9aaae;margin-top:7px}
/* 随笔：目录与阅读版式，真实文章在 revision.js 的 notes 数组中添加。 */
.notes-page{background:var(--bg);position:relative;overflow:hidden}.notes-watermark{font-family:Georgia,serif;font-size:clamp(150px,29vw,430px);line-height:1;letter-spacing:-.07em;color:var(--text);opacity:.035;position:absolute;left:-3%;top:40px;pointer-events:none;white-space:nowrap}.notes-index{max-width:1040px;margin:50px auto 0;padding:0 40px 120px;position:relative}.notes-index h1{font:clamp(45px,7vw,90px)/1.2 Georgia,"SimSun",serif;font-weight:400;letter-spacing:7px;margin:0 0 22px}.notes-index>p{color:var(--muted);max-width:420px;line-height:2}.note-row{display:grid;grid-template-columns:100px 1fr 30px;gap:25px;align-items:center;border-top:1px solid #8884;padding:35px 0;margin-top:55px;transition:padding .3s}.note-row:hover{padding-left:12px}.note-row span{font:11px monospace;color:var(--muted)}.note-row h2{font-size:24px;font-weight:400;margin:0 0 6px}.note-row p{font-size:12px;color:var(--muted);margin:0}.reading-page{background:#e7eff0;color:#242d31;position:relative;overflow:hidden}.reading-page .notes-watermark{position:fixed;color:#fff;opacity:.4;top:65px;z-index:0}.reading-title{position:absolute;top:160px;right:9vw;writing-mode:vertical-rl;letter-spacing:7px;font-family:"SimSun",serif;z-index:1}.reading-title h1{font-size:22px;font-weight:400;margin:0 0 0 20px}.reading-title small{font:10px monospace;letter-spacing:2px;color:#647980}.reading-layout{position:relative;z-index:1;max-width:780px;margin:100px auto 0;padding:0 40px 160px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.reading-column:nth-child(2){padding-top:160px}.reading-column section{margin-bottom:70px}.reading-column h2{font:18px/1.6 "SimSun",serif;margin:0 0 20px;font-weight:500}.reading-column p{font:14px/2.3 "SimSun","Microsoft YaHei",serif;text-align:justify;margin:0 0 22px}.reading-label{font:10px monospace;color:#667d84;letter-spacing:1px;border-top:1px solid #70858b50;padding-top:18px}.reading-end{display:block;margin-top:65px;font-size:12px;text-align:right}.profile-page .oc-detail{max-width:1100px;margin:30px auto 80px;background:var(--card);border-radius:30px;padding:35px}.links-grid{max-width:900px;margin:30px auto;padding:0 30px 90px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.links-grid .social{min-height:190px}.gallery-detail-img{display:block;max-height:78vh;max-width:100%;margin:auto;object-fit:contain}.detail-caption{text-align:center;padding:12px 20px;color:var(--text)}
.fox-cursor{position:fixed;left:0;top:0;width:32px;height:32px;z-index:2147483647;pointer-events:none;display:none;background-repeat:no-repeat;contain:strict}html.fox-active,html.fox-active *{cursor:none!important}html.fox-active .fox-cursor{display:block}
.gallery-bottom:before{content:"";position:absolute;inset:-20px -5vw -28px;background:linear-gradient(transparent,#101113e8);z-index:-1;pointer-events:none}.gallery-controls button:disabled{opacity:.25;cursor:default}
@keyframes route-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.gallery-page{min-height:580px}.gallery-heading{left:7%;top:19%}.gallery-heading h1{font-size:30px}.gallery-word{top:23%;font-size:47vw}.exhibit{top:43%;width:180px;height:250px}.gallery-bottom{bottom:25px}.gallery-bottom>div:first-child{max-width:170px}.gallery-hint{font-size:10px}.route-nav{height:75px;padding:0 6vw}.route-nav strong{font-size:10px;letter-spacing:1px}.notes-index{padding:0 25px 100px;margin-top:40px}.note-row{grid-template-columns:50px 1fr 20px;gap:10px}.note-row h2{font-size:20px}.reading-layout{margin-top:130px;grid-template-columns:1fr;padding:0 35px 90px;gap:0;max-width:560px}.reading-column:nth-child(2){padding-top:0}.reading-title{top:110px;right:7vw}.reading-title h1{font-size:18px}.reading-column section{margin-bottom:45px}.reading-layout{padding-right:70px}.reading-page .notes-watermark{top:80px;font-size:45vw}.profile-page .oc-detail{margin:20px;padding:20px}.links-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 70px}.links-grid .social{padding:18px;min-height:160px}}
@media(prefers-reduced-motion:reduce){.route-page{animation:none}.gallery-progress{transition:none}}
