:root{--bg: #F2EEDF;--card: rgba(255, 255, 255, .7);--ink: #2A241B;--soft: #5C5345;--grey: #8A8275;--line: rgba(42, 36, 27, .18);--red: #C0532E;--amber: #B8872D;--kai: "STKaiti", "KaiTi", "Kaiti SC", "BiauKai", serif;--song: "Songti SC", "STSong", "SimSun", serif;--sans: -apple-system, "PingFang SC", "Heiti SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(192,83,46,.1),transparent 28rem),radial-gradient(circle at 88% 10%,rgba(255,255,255,.5),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.18),transparent 38rem),var(--bg);color:var(--ink);font-family:var(--song);line-height:1.75}a{color:inherit}.paper-noise{pointer-events:none;position:fixed;inset:0;z-index:-2;opacity:.28;background-image:radial-gradient(rgba(42,36,27,.1) .6px,transparent .6px);background-size:18px 18px}.ambient-leaves{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:-1}.ambient-leaves span{position:absolute;width:9px;height:18px;border-radius:80% 0;background:#c0532e42;animation:leafFloat 13s ease-in-out infinite}.ambient-leaves span:nth-child(1){left:8%;top:18%;animation-delay:-2s}.ambient-leaves span:nth-child(2){right:10%;top:28%;animation-delay:-6s;transform:scale(.75) rotate(18deg)}.ambient-leaves span:nth-child(3){left:74%;top:72%;animation-delay:-9s;transform:scale(.55) rotate(-12deg)}@keyframes leafFloat{0%,to{translate:0 0;rotate:-8deg;opacity:.28}50%{translate:18px 24px;rotate:12deg;opacity:.55}}.site-header{position:sticky;top:14px;z-index:10;width:min(1120px,calc(100% - 28px));margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:999px;padding:10px 12px 10px 18px;background:#ffffff94;box-shadow:0 20px 50px #2a241b0f;backdrop-filter:blur(12px)}.brand-mark{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--ink)}.brand-mark span{font-family:var(--kai);font-size:1.35rem}.brand-mark small{color:var(--red);font:700 .75rem/1 var(--sans);letter-spacing:.08em}.main-nav{display:flex;gap:4px;overflow-x:auto}.main-nav a{flex:0 0 auto;border-radius:999px;padding:8px 12px;color:var(--soft);font:600 .88rem/1 var(--sans);text-decoration:none}.main-nav a:hover,.main-nav a.active{background:#c0532e1a;color:var(--red)}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:44px 0 36px}.soft-card,.project-card,.hero,.about-panel,.note-card,.tool-group,.detail-panel,.search-panel,.shortcut-card{border:1px solid var(--line);background:var(--card);box-shadow:0 20px 50px #2a241b0f;backdrop-filter:blur(10px)}.eyebrow{margin:0 0 14px;color:var(--red);font:700 .76rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--ink);font-family:var(--kai);font-weight:600;letter-spacing:.02em}h1{font-size:clamp(4rem,14vw,8.8rem);line-height:.95}h2{font-size:clamp(2rem,5vw,3.35rem);line-height:1.08}h3{font-size:clamp(1.3rem,2.8vw,1.85rem);line-height:1.2}.lead{color:var(--soft);font-size:clamp(1.05rem,2vw,1.25rem)}.muted{color:var(--grey)}.home-hero{min-height:min(720px,calc(100vh - 120px));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:34px;align-items:center}.hero-copy{padding:clamp(26px,5vw,46px) 0}.hero-copy h1{margin-bottom:22px}.hero-copy .lead{width:min(680px,100%);margin:0 0 24px}.hero-actions,.link-row,.about-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button,.pill-link,.hero-actions a,.about-links a,.about-links span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:#ffffff61;color:var(--soft);font:600 .92rem/1 var(--sans);text-decoration:none}.button.primary{background:var(--red);border-color:var(--red);color:#fffaf3}.button:hover,.pill-link:hover,.hero-actions a:hover,.about-links a:hover{color:var(--red);border-color:#c0532e5c}.button.primary:hover{color:#fffaf3;filter:brightness(1.03)}.hero-orbit{position:relative;min-height:390px;border-radius:54px;display:grid;place-items:center;overflow:hidden}.hero-orbit:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(192,83,46,.24);border-radius:50%;animation:slowSpin 18s linear infinite}.hero-orbit:after{content:"";position:absolute;width:190px;height:190px;border:1px dashed rgba(42,36,27,.16);border-radius:50%;animation:slowSpin 26s linear reverse infinite}.orbit-card{position:relative;z-index:1;text-align:center;padding:34px}.orbit-card strong{display:block;color:var(--red);font-family:var(--kai);font-size:4.4rem;line-height:1}.orbit-card span{color:var(--grey);font-family:var(--sans);font-size:.92rem}@keyframes slowSpin{to{rotate:360deg}}.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 56px}.shortcut-card{border-radius:30px;padding:24px;text-decoration:none;transition:transform .25s ease,border-color .25s ease}.shortcut-card:hover{transform:translateY(-4px);border-color:#c0532e57}.shortcut-card small{color:var(--red);font:700 .74rem/1 var(--sans);letter-spacing:.12em}.shortcut-card h3{margin:18px 0 8px}.shortcut-card p{margin:0;color:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading p:last-child{margin:10px 0 0;color:var(--soft)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;display:flex;flex-direction:column;min-height:350px;overflow:hidden;border-radius:34px;padding:24px}.project-card.compact{min-height:320px}.project-card:after{content:"";position:absolute;right:-40px;top:-50px;width:150px;height:150px;border:1px solid rgba(192,83,46,.2);border-radius:50%}.project-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.status-pill,.source-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--soft);background:#ffffff5c;font:600 .78rem/1 var(--sans)}.status-pill i{width:8px;height:8px;border-radius:50%;background:var(--red)}.status-wip i{background:var(--amber)}.status-archived i{background:var(--grey)}.status-idea{border-style:dashed;color:var(--red)}.status-idea i{background:transparent;border:1px solid var(--red)}.cover-mark{display:grid;place-items:center;width:78px;height:78px;margin-bottom:18px;border:1px solid rgba(192,83,46,.28);border-radius:26px;background:#f2eedfa8;color:var(--red);font-family:var(--kai);font-size:1.7rem;text-decoration:none}.project-card h3 a{text-decoration:none}.project-card h3 a:hover{color:var(--red)}.tagline{margin:14px 0 18px;color:var(--soft);font-size:1rem}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}.stack-list span,.tag-chip{border-radius:999px;padding:5px 10px;background:#2a241b0f;color:var(--grey);font:600 .76rem/1 var(--sans)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--grey);font:600 .82rem/1.35 var(--sans)}.card-actions{display:flex;gap:10px;align-items:center}.project-link,.muted-link{flex:0 0 auto;text-decoration:none;color:var(--red);font:700 .82rem/1 var(--sans)}.project-link.ghost,.muted-link{color:var(--grey)}.page-hero{border-radius:42px;padding:clamp(34px,7vw,70px);margin-bottom:26px;text-align:center}.page-hero h1{font-size:clamp(3rem,9vw,6.6rem)}.page-hero .lead{width:min(720px,100%);margin:18px auto 0}.search-panel{border-radius:28px;padding:18px;margin-bottom:22px;display:grid;gap:14px}.search-input{width:100%;border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:#ffffff7a;color:var(--ink);font:600 1rem/1 var(--sans);outline:none}.search-input:focus{border-color:#c0532e75}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card,.tool-group,.detail-panel,.about-panel{border-radius:34px;padding:28px}.note-card time,.note-card .tag,.tool-group .tool-note{color:var(--grey);font:600 .82rem/1.5 var(--sans)}.note-card .tag{color:var(--red)}.note-card p,.tool-group p,.detail-panel p,.about-panel p{color:var(--soft)}.note-card a{color:var(--red);font:700 .88rem/1 var(--sans);text-decoration:none}.toolbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-group ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px}.tool-group li{padding-top:16px;border-top:1px solid var(--line)}.tool-group strong{display:block;font-family:var(--kai);font-size:1.3rem;color:var(--ink)}.detail-layout{display:grid;grid-template-columns:1.1fr .7fr;gap:18px}.detail-panel h2{margin-bottom:14px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.meta-list{display:grid;gap:14px}.meta-list div{padding-bottom:14px;border-bottom:1px solid var(--line)}.meta-list strong{display:block;color:var(--ink);font-family:var(--kai);font-size:1.2rem}.meta-list span{color:var(--grey);font:600 .88rem/1.5 var(--sans)}.about-panel{text-align:center;max-width:860px;margin:0 auto}.about-panel h2{margin-bottom:16px}.pet-companion{position:fixed;right:20px;bottom:18px;z-index:20;display:grid;place-items:center;gap:8px;pointer-events:none}.pet-bubble{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#ffffffb8;color:var(--grey);font:700 .72rem/1 var(--sans);opacity:.86;animation:bubblePulse 5s ease-in-out infinite}.pet{position:relative;width:74px;height:68px;animation:petBob 3.8s ease-in-out infinite}.pet-face{position:absolute;left:10px;top:18px;width:52px;height:44px;border:2px solid rgba(42,36,27,.72);border-radius:48% 48% 44% 44%;background:#f6dfc8;box-shadow:inset 0 -7px #c0532e1a}.pet-ear{position:absolute;top:8px;width:22px;height:25px;background:#f6dfc8;border:2px solid rgba(42,36,27,.72);transform:rotate(45deg)}.pet-ear.left{left:11px;border-radius:6px 2px 8px}.pet-ear.right{right:11px;border-radius:2px 6px 2px 8px}.pet-tail{position:absolute;right:2px;bottom:8px;width:30px;height:18px;border:2px solid rgba(42,36,27,.72);border-left:0;border-radius:0 999px 999px 0;background:#f6dfc8;transform-origin:left center;animation:tailWag 1.8s ease-in-out infinite}.eye{position:absolute;top:15px;width:5px;height:8px;border-radius:999px;background:var(--ink);animation:blink 4.8s infinite}.eye.left{left:16px}.eye.right{right:16px}.nose{position:absolute;left:50%;top:26px;width:7px;height:5px;border-radius:50%;background:var(--red);transform:translate(-50%)}.pet-scarf{position:absolute;left:23px;bottom:5px;width:30px;height:8px;border-radius:999px;background:var(--red)}@keyframes petBob{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes tailWag{0%,to{rotate:-9deg}50%{rotate:13deg}}@keyframes blink{0%,92%,to{scale:1 1}94%,96%{scale:1 .12}}@keyframes bubblePulse{0%,to{translate:0 0;opacity:.72}50%{translate:0 -3px;opacity:1}}.site-footer{padding:0 16px 36px;color:var(--grey);font:600 .85rem/1 var(--sans);text-align:center}@media(max-width:920px){.home-hero,.detail-layout{grid-template-columns:1fr}.project-grid,.note-grid,.toolbox-grid,.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-orbit{min-height:300px}}@media(max-width:640px){.site-header{position:static;border-radius:28px;align-items:flex-start;flex-direction:column}.main-nav{width:100%}.page-shell{width:min(100% - 22px,1120px);padding-top:28px}.home-hero{min-height:auto;gap:16px}.hero-copy{padding:28px 0 8px}h1{font-size:clamp(3.6rem,22vw,6rem)}.home-shortcuts,.project-grid,.note-grid,.toolbox-grid{grid-template-columns:1fr;gap:14px}.section-heading{align-items:flex-start;flex-direction:column}.project-card{min-height:320px;border-radius:28px;padding:22px}.card-footer{align-items:flex-start;flex-direction:column}.pet-companion{right:6px;bottom:6px;transform:scale(.62);transform-origin:right bottom;opacity:.86}.pet-bubble{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}