:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink-strong:#1a1a1a;--ink-medium:#333;--ink-muted:#666;--ink-light:#999;--paper:#f8f5f0;--paper-soft:linen;--paper-warm:ivory;--seal-red:#c41e3a;--ink-accent:#2e8b57;--ink-gold:#d4af37;background-color:#f8f5f0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink-medium);background:radial-gradient(circle at 0 0,#fffffff5,#0000 30%),radial-gradient(circle at 100% 100%,#d4af370f,#0000 28%),linear-gradient(#fbf8f3 0%,#f8f5f0 50%,#f4efe8 100%);margin:0}body,button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,picture,svg{max-width:100%;display:block}::selection{color:var(--ink-strong);background:#c41e3a29}#root{min-height:100vh}.ink-page{grid-template-columns:auto minmax(0,1fr);gap:24px;min-height:100svh;padding:32px 24px 40px;display:grid;position:relative;overflow:clip}.ink-page:before,.ink-page:after{content:"";pointer-events:none;position:absolute;inset:0}.ink-page:before{opacity:.7;background:radial-gradient(circle at 18% 12%,#ffffffeb 0 18%,#0000 28%),radial-gradient(circle at 82% 20%,#d4af371c 0 10%,#0000 26%),radial-gradient(circle at 50% 88%,#2e8b5714 0 14%,#0000 32%),linear-gradient(#ffffff85,#f8f5f0d1)}.ink-page:after{mix-blend-mode:multiply;opacity:.24;background-image:linear-gradient(#33333309 1px,#0000 1px),linear-gradient(90deg,#33333309 1px,#0000 1px),radial-gradient(circle at 10% 22%,#1a1a1a0d,#0000 24%),radial-gradient(circle at 90% 78%,#1a1a1a0a,#0000 26%);background-size:34px 34px,34px 34px,100% 100%,100% 100%}.ink-shell,.ink-rail{z-index:1;position:relative}.ink-shell{gap:26px;width:min(1180px,100%);margin-inline:auto;display:grid}.ink-rail{flex-direction:column;justify-content:space-between;align-self:stretch;padding:10px 0;display:flex}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.28em}.rail-title{color:var(--ink-strong);text-shadow:0 8px 24px #1a1a1a14;font-family:Liu Jian Mao Cao,Ma Shan Zheng,cursive;font-size:clamp(2.8rem,5vw,5rem)}.rail-line{background:linear-gradient(#0000,#1a1a1a33,#0000);flex:auto;width:1px;margin:28px auto}.rail-note{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.38em;color:var(--ink-muted);text-transform:uppercase;font-family:Noto Serif SC,serif;font-size:.82rem}.hero-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffe0,#f8f5f0b8);border:1px solid #3333331a;border-radius:32px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.95fr);align-items:stretch;gap:36px;padding:34px;display:grid;box-shadow:0 26px 60px #1a1a1a14}.hero-copy{max-width:46rem}.hero-kicker,.section-label{letter-spacing:.18em;color:var(--ink-accent);margin:0 0 12px;font-family:Ma Shan Zheng,cursive;font-size:1rem}.hero-title{letter-spacing:.02em;color:var(--ink-strong);text-wrap:balance;margin:0;font-family:Liu Jian Mao Cao,cursive;font-size:clamp(3.6rem,8vw,7.8rem);line-height:.9}.hero-summary{max-width:36rem;color:var(--ink-medium);margin:22px 0 0;font-family:ZCOOL XiaoWei,serif;font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.95}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-action,.secondary-action,.text-link{text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.primary-action,.secondary-action{letter-spacing:.08em;border-radius:999px;padding:14px 22px;font-family:ZCOOL XiaoWei,serif;font-size:1rem}.primary-action{color:#fffaf2;background:linear-gradient(135deg, var(--ink-strong), var(--ink-medium));box-shadow:0 18px 30px #1a1a1a29}.secondary-action{color:var(--ink-strong);background:#ffffff94;border:1px solid #1a1a1a29}.primary-action:hover,.secondary-action:hover,.text-link:hover,.post-item:hover{transform:translateY(-2px)}.hero-highlights{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.hero-highlights li{color:var(--ink-medium);padding-left:18px;font-family:ZCOOL XiaoWei,serif;line-height:1.8;position:relative}.hero-highlights li:before{content:"";background:linear-gradient(135deg, var(--seal-red), #c41e3a8c);border-radius:50%;width:8px;height:8px;position:absolute;top:.7em;left:0;box-shadow:0 0 0 7px #c41e3a14}.scene-panel{background:linear-gradient(#faf0e633 0%,#f8f5f0d9 36%,#fffffff5 100%),radial-gradient(circle at 50% 12%,#fffffff5,#0000 55%);border:1px solid #1a1a1a14;border-radius:30px;height:100%;min-height:0;position:relative;overflow:hidden}.scene-panel:before{content:"";opacity:.72;background:radial-gradient(circle at 40% 66%,#fffffff2 0 18%,#0000 26%),radial-gradient(circle at 72% 70%,#ffffffdb 0 16%,#0000 24%),radial-gradient(circle at 60% 20%,#ffffffb8 0 14%,#0000 28%);position:absolute;inset:0}.ink-three-fallback{background:radial-gradient(circle at 36% 30%,#ffffffe6,#0000 40%),linear-gradient(#f8f5f0db,#ffffffb8);position:absolute;inset:0}.mountain,.river,.brush-stroke,.mist,.seal{position:absolute}.mountain{filter:blur(1px);opacity:.9;clip-path:polygon(0 100%,13% 56%,25% 62%,35% 34%,49% 54%,61% 22%,73% 56%,86% 36%,100% 100%);bottom:120px}.mountain-far{background:linear-gradient(#9999992e,#66666657);width:118%;height:220px;left:-8%}.mountain-mid{clip-path:polygon(0 100%,15% 48%,29% 66%,41% 26%,56% 54%,69% 18%,81% 52%,93% 38%,100% 100%);background:linear-gradient(#33333338,#1a1a1a8f);width:112%;height:280px;bottom:86px;left:-4%}.mountain-near{clip-path:polygon(0 100%,10% 72%,22% 84%,35% 38%,47% 64%,57% 18%,69% 58%,80% 28%,91% 60%,100% 100%);background:linear-gradient(#1a1a1a70,#1a1a1ac7);width:116%;height:240px;bottom:38px;left:-6%}.river{filter:blur(1px);opacity:.88;background:linear-gradient(#ffffff1a,#ffffffc7),linear-gradient(90deg,#2e8b5714,#1a1a1a24,#2e8b5714);border-radius:50% 50% 0 0;height:220px;bottom:-40px;left:-14%;right:-14%;transform:translateY(16px)skew(-8deg)}.river:before,.river:after{content:"";filter:blur(10px);background:radial-gradient(circle,#ffffffc7,#0000 68%);border-radius:50%;position:absolute;inset-inline:12%}.river:before{opacity:.72;height:72px;top:22px}.river:after{opacity:.45;height:58px;top:92px}.brush-stroke{filter:blur(.5px);transform-origin:0;background:linear-gradient(90deg,#1a1a1ad1,#1a1a1a2e 72%,#0000);border-radius:999px}.stroke-one{opacity:.44;width:42%;height:24px;top:22%;left:8%;transform:rotate(-10deg)}.stroke-two{opacity:.26;width:30%;height:16px;top:26%;left:48%;transform:rotate(14deg)}.mist{filter:blur(8px);opacity:.8;background:radial-gradient(circle,#fffffff5,#fff0);border-radius:50%;animation:14s ease-in-out infinite alternate drift}.mist-left{width:180px;height:120px;top:16%;left:6%}.mist-right{width:220px;height:140px;animation-delay:-6s;top:22%;right:8%}.seal{z-index:2;width:92px;height:92px;color:var(--seal-red);background:#fff5f5c2;border:3px solid #c41e3ad6;place-items:center;font-family:ZCOOL KuaiLe,cursive;font-size:2.1rem;display:grid;bottom:44px;right:42px;transform:rotate(4deg);box-shadow:inset 0 0 0 6px #c41e3a0d,0 14px 28px #c41e3a1f}.meta-grid,.content-grid{gap:20px;display:grid}.meta-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.card,.footer-panel{background:#fffc;border:1px solid #1a1a1a14;border-radius:28px;padding:28px;position:relative;box-shadow:0 18px 44px #1a1a1a0f}.card:before,.footer-panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff75;position:absolute;inset:1px}.card h2,.footer-panel h2{color:var(--ink-strong);margin:0;font-family:Ma Shan Zheng,cursive;font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.2}.card p,.post-item p,.timeline-list p,.quote-meta,.stats dt,.stats dd,.text-link{font-family:ZCOOL XiaoWei,serif}.about-card p{color:var(--ink-medium);margin:14px 0 0;font-size:1.06rem;line-height:1.95}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.stats div{background:linear-gradient(#f8f5f0f5,#fffffff5);border:1px solid #1a1a1a0f;border-radius:18px;padding:16px}.stats dt{color:var(--ink-muted);letter-spacing:.2em;margin:0;font-size:.92rem}.stats dd{color:var(--ink-strong);margin:8px 0 0;font-size:clamp(1.6rem,2vw,2.3rem);line-height:1}.quote-card{flex-direction:column;justify-content:space-between;gap:18px;display:flex}.quote-text{color:var(--ink-strong);letter-spacing:.08em;margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.8}.quote-meta{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.92rem}.section-head{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.text-link{color:var(--ink-accent);border-bottom:1px solid #2e8b575c;padding-bottom:2px}.post-list{gap:16px;margin-top:20px;display:grid}.post-item{background:linear-gradient(#ffffffeb,#f8f5f0c2);border:1px solid #1a1a1a12;border-radius:22px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s,border-color .18s}.post-item:hover{border-color:#2e8b5733;box-shadow:0 18px 34px #1a1a1a14}.post-item h3{color:var(--ink-strong);margin:10px 0 0;font-family:Ma Shan Zheng,cursive;font-size:clamp(1.5rem,2vw,2.15rem)}.post-item p{color:var(--ink-medium);margin:12px 0 0;font-size:1.02rem;line-height:1.9}.post-meta{letter-spacing:.16em;color:var(--ink-muted);text-transform:uppercase;flex-wrap:wrap;gap:12px;font-size:.88rem;display:flex}.timeline-list{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.timeline-list li{border-top:1px solid #1a1a1a14;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px 0;display:grid}.timeline-list li:first-child{border-top:none;padding-top:0}.timeline-index{width:42px;height:42px;color:var(--ink-accent);background:#2e8b571f;border-radius:50%;place-items:center;font-family:ZCOOL KuaiLe,cursive;font-size:1rem;display:inline-grid}.timeline-list p{color:var(--ink-medium);margin:0;font-size:1.02rem;line-height:1.9}.footer-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-contact{color:var(--ink-muted);margin:14px 0 0;font-family:ZCOOL XiaoWei,serif;line-height:1.8}.skills-card h2{margin-bottom:18px}.skills-grid{flex-wrap:wrap;gap:12px;display:flex}.skill-pill{color:var(--ink-medium);letter-spacing:.04em;background:linear-gradient(#f8f5f0f5,#fffffff5);border:1px solid #1a1a1a14;border-radius:999px;align-items:center;padding:12px 16px;font-family:ZCOOL XiaoWei,serif;display:inline-flex}.timeline-list strong{color:var(--ink-strong)}.seal-row{align-items:center;gap:14px;display:flex}.small-seal{width:64px;height:64px;color:var(--ink-strong);background:#ffffffbd;border:2px solid #1a1a1a1f;border-radius:16px;place-items:center;font-family:ZCOOL KuaiLe,cursive;font-size:1.45rem;display:inline-grid;box-shadow:0 10px 18px #1a1a1a0f}.small-seal.gold{color:#a47e12;border-color:#d4af3775}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(16px,-10px)scale(1.06)}}@media (width<=1100px){.ink-page{grid-template-columns:1fr;padding-inline:18px}.ink-rail{flex-direction:row;order:2;align-items:center;gap:16px;padding:0}.rail-title,.rail-note{writing-mode:horizontal-tb;letter-spacing:.22em}.rail-line{flex:auto;width:auto;height:1px;margin:0}.hero-panel,.meta-grid,.content-grid,.footer-panel{grid-template-columns:1fr}.scene-panel{min-height:420px}}@media (width<=720px){.ink-page{gap:16px;padding:16px 14px 28px}.hero-panel,.card,.footer-panel{border-radius:22px;padding:20px}.hero-actions,.seal-row,.section-head,.footer-panel{flex-direction:column;align-items:flex-start}.skills-grid{flex-direction:column}.stats{grid-template-columns:1fr}.seal{width:76px;height:76px;font-size:1.8rem;bottom:22px;right:18px}.small-seal{width:54px;height:54px}}.knowledge-card p{color:var(--ink-medium);margin:14px 0 0;font-family:ZCOOL XiaoWei,serif;font-size:1.03rem;line-height:1.9}.trea-route-page{gap:14px;min-height:100svh;padding:18px;display:grid}.trea-route-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.trea-route-header p{color:var(--ink-strong);margin:0;font-family:Ma Shan Zheng,cursive;font-size:clamp(1.3rem,2vw,2rem)}.trea-route-back{color:var(--ink-strong);background:#ffffffc7;border:1px solid #1a1a1a24;border-radius:999px;align-items:center;padding:10px 16px;font-family:ZCOOL XiaoWei,serif;text-decoration:none;display:inline-flex}.trea-panel{gap:14px;display:grid}.trea-panel.is-fullscreen{background:#ffffffd9;border:1px solid #1a1a1a1a;border-radius:22px;grid-template-rows:auto auto auto auto minmax(0,1fr);height:calc(100dvh - 92px);min-height:calc(100svh - 92px);padding:18px;box-shadow:0 20px 46px #1a1a1a12}.trea-head{align-items:center}.trea-head h2{margin:0}.trea-meta{flex-wrap:wrap;gap:10px;display:flex}.trea-toolbar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.study-tab{text-align:left;gap:6px;display:grid}.study-tab.active,.study-tab.is-active{background:#fffffff5;border-color:#2e8b5747;transform:translateY(-1px);box-shadow:0 12px 24px #1a1a1a14}.study-tab small{color:var(--ink-muted)}.trea-viewport-shell{background:radial-gradient(circle at 20% 20%,#ffffffd1,#0000 26%),radial-gradient(circle at 80% 10%,#d4af3714,#0000 20%),linear-gradient(#ffffffd6,#f8f5f0c7);border:1px solid #1a1a1a14;border-radius:22px;min-height:460px;position:relative;overflow:hidden}.trea-panel.is-fullscreen .trea-viewport-shell{height:100%;min-height:0}.study-shell{gap:18px;padding:26px;display:grid}.study-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.study-summary{color:var(--ink-medium);max-width:56rem;margin:14px 0 0;font-family:ZCOOL XiaoWei,serif;font-size:1.02rem;line-height:1.9}.study-summary span{color:var(--ink-strong)}.study-badges,.study-meta,.study-hint,.trea-note-row{flex-wrap:wrap;gap:10px;display:flex}.study-badge,.study-meta span,.trea-note-row span,.study-hint span{letter-spacing:.06em;color:var(--ink-medium);background:#f8f5f0eb;border:1px solid #1a1a1a14;border-radius:999px;align-items:center;padding:10px 14px;font-family:ZCOOL XiaoWei,serif;font-size:.95rem;display:inline-flex}.study-badge.muted,.study-meta span,.trea-note-row span,.study-hint span{background:#ffffffb3}.study-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.study-tabs{flex-wrap:wrap;gap:10px;display:flex}.study-tab{color:var(--ink-medium);cursor:pointer;background:#ffffffb8;border:1px solid #1a1a1a14;border-radius:999px;padding:12px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.study-tab:hover,.study-tab.is-active{background:#fffffff5;border-color:#2e8b5747;transform:translateY(-1px);box-shadow:0 12px 24px #1a1a1a14}.study-meta{justify-content:flex-end}.trea-description{color:var(--ink-medium);margin:0;font-family:ZCOOL XiaoWei,serif;line-height:1.9}.trea-viewport-wrap{background:radial-gradient(circle at 20% 20%,#ffffffd1,#0000 26%),radial-gradient(circle at 80% 10%,#d4af3714,#0000 20%),linear-gradient(#ffffffd6,#f8f5f0c7);border:1px solid #1a1a1a14;border-radius:28px;min-height:78vh;position:relative;overflow:hidden}.trea-viewport{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:min(78vh,980px);min-height:620px;position:relative;overflow:hidden}.trea-panel.is-fullscreen .trea-viewport{height:100%;min-height:clamp(420px,64dvh,760px)}.trea-viewport:active{cursor:grabbing}.trea-transform-layer,.study-stage{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.trea-stage{position:relative}.trea-edge-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trea-edge{fill:none;stroke:#1a1a1a29;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trea-node{z-index:1;color:var(--ink-strong);pointer-events:none;filter:drop-shadow(0 16px 24px #1a1a1a14);background:#ffffffd1;border:1px solid #1a1a1a14;border-radius:20px;flex-direction:column;justify-content:center;gap:2px;padding:12px 14px;display:flex;position:absolute;overflow:hidden}.trea-node span{white-space:nowrap;font-family:ZCOOL XiaoWei,serif;font-size:clamp(.84rem,.55vw + .68rem,1.02rem);line-height:1.42}.study-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.study-edges path{fill:none;stroke:#1a1a1a29;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.study-node{z-index:1;pointer-events:none;filter:drop-shadow(0 16px 24px #1a1a1a14);justify-content:stretch;align-items:stretch;display:flex;position:absolute}.study-node-inner{background:#ffffffd1;border:1px solid #1a1a1a14;border-radius:20px;align-items:center;width:100%;padding:12px 14px;display:flex}.study-node.is-large .study-node-inner{background:linear-gradient(#ffffffeb,#f8f5f0e6);padding:14px 16px}.study-node p{white-space:pre-line;color:var(--ink-strong);margin:0;font-family:ZCOOL XiaoWei,serif;font-size:clamp(.84rem,.55vw + .68rem,1.02rem);line-height:1.42}.study-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-strong);text-align:center;z-index:3;background:#f8f5f08f;place-items:center;gap:14px;display:grid;position:absolute;inset:0}.study-overlay.is-error{color:var(--seal-red)}.study-spinner{border:3px solid #1a1a1a24;border-top-color:var(--ink-accent);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite study-spin}.study-overlay p{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:1.05rem}.study-hint{z-index:2;pointer-events:none;justify-content:center;position:absolute;bottom:18px;left:18px;right:18px}.trea-note-row{color:var(--ink-muted);justify-content:space-between}.trea-loading,.trea-zoom-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;justify-content:center;align-items:center;padding:10px 14px;font-family:ZCOOL XiaoWei,serif;display:inline-flex;position:absolute;left:18px;right:18px}.trea-loading{color:var(--ink-medium);background:#ffffffdb;border:1px solid #1a1a1a14;top:18px}.trea-loading.error{color:var(--seal-red);border-color:#c41e3a40}.trea-zoom-hint{color:#fff;background:#1a1a1aa8;border:1px solid #ffffff2e;width:auto;bottom:18px;left:auto;right:18px}@keyframes study-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1100px){.study-head,.study-toolbar{grid-template-columns:1fr;display:grid}.study-meta{justify-content:flex-start}.trea-viewport{min-height:520px}.trea-note-row{flex-direction:column;align-items:flex-start}.trea-route-page{padding:12px}.trea-panel.is-fullscreen{height:calc(100dvh - 84px);min-height:calc(100svh - 84px)}}@media (width<=720px){.study-shell{padding:18px}.trea-toolbar{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.study-tab{flex:none;justify-content:center;width:auto;min-width:136px;padding:10px 12px}.study-tab small{display:none}.trea-note-row{gap:8px}.trea-note-row span:nth-child(2){display:none}.trea-viewport{height:72vh;min-height:440px}.study-hint{display:none}.trea-route-header{flex-direction:column;align-items:flex-start}.trea-panel.is-fullscreen{border-radius:18px;gap:10px;height:calc(100dvh - 72px);padding:14px}.trea-panel.is-fullscreen .trea-viewport{height:100%;min-height:clamp(420px,68dvh,760px)}.trea-zoom-hint{width:auto;left:18px;right:18px}}.copyright-footer{text-align:center;color:var(--ink-medium);background:#fff6;border-top:1px solid #1a1a1a14;margin-top:12px;padding:32px 28px;font-family:ZCOOL XiaoWei,serif;font-size:.95rem}.copyright-footer p{letter-spacing:.05em;margin:6px 0}.copyright-footer .icp-info{margin-top:8px;font-size:.92rem}.copyright-footer a{color:var(--ink-medium);border-bottom:1px solid #1a1a1a29;text-decoration:none;transition:color .18s}.copyright-footer a:hover{color:var(--ink-strong);border-bottom-color:#1a1a1a52}