@font-face{font-family:ShayuSans;font-style:normal;font-weight:400 900;font-display:swap;src:local("MiSans"),local("PingFang SC"),local("Microsoft YaHei")}:root[data-theme=light]{color-scheme:light;--font-hand: "Bradley Hand", "Segoe Print", "Kaiti SC", "STXingkai", "ShayuSans", cursive;--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.2, .84, .24, 1);--paper: #f8fbff;--paper-deep: #eef5ff;--paper-soft: #ffffff;--ink: #17233b;--ink-2: #30405c;--muted: #69758a;--line: #dbe7f6;--line-blue: #9fc1f4;--blue: #2f6fe4;--blue-soft: #edf4ff;--orange: #ff7a2f;--yellow: #ffd74f;--mint: #c7f0df;--surface: rgba(255, 255, 255, .92);--surface-strong: rgba(255, 255, 255, .98);--surface-soft: rgba(255, 255, 255, .68);--header-bg: rgba(248, 251, 255, .92);--border-soft: rgba(188, 200, 220, .42);--border: rgba(172, 186, 212, .54);--border-strong: rgba(148, 164, 195, .62);--shadow: rgba(47, 111, 228, .1);--shadow-soft: rgba(36, 57, 95, .06);--shadow-pop: rgba(36, 57, 95, .11);--tag-border: #bed2ff;--tag-bg: rgba(233, 241, 255, .86);--tag-text: #2442a8;--tape-blue: rgba(192, 214, 255, .68);--tape-yellow: rgba(255, 221, 94, .72);--bg: var(--paper);--text: var(--ink);--radius: 8px;--max: 1220px}:root,:root[data-theme=dark]{color-scheme:dark;--font-hand: "Bradley Hand", "Segoe Print", "Kaiti SC", "STXingkai", "ShayuSans", cursive;--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.2, .84, .24, 1);--paper: #0b1526;--paper-deep: #07101e;--paper-soft: #111d31;--ink: #edf4ff;--ink-2: #ccd9ef;--muted: #9caac1;--line: #20314f;--line-blue: #496da9;--blue: #7aa8ff;--blue-soft: #172945;--orange: #ff9657;--yellow: #ffd452;--mint: #7ee4b5;--surface: rgba(18, 31, 52, .88);--surface-strong: rgba(20, 34, 56, .98);--surface-soft: rgba(25, 41, 66, .68);--header-bg: rgba(9, 16, 30, .84);--border-soft: rgba(74, 101, 148, .34);--border: rgba(82, 111, 161, .54);--border-strong: rgba(103, 133, 184, .66);--shadow: rgba(1, 7, 18, .34);--shadow-soft: rgba(1, 8, 20, .28);--shadow-pop: rgba(0, 10, 24, .46);--tag-border: #365a93;--tag-bg: rgba(29, 48, 78, .9);--tag-text: #bad0ff;--tape-blue: rgba(92, 122, 178, .6);--tape-yellow: rgba(255, 170, 92, .62);--bg: var(--paper);--text: var(--ink);--radius: 8px;--max: 1220px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ShayuSans,PingFang SC,Microsoft YaHei,system-ui,sans-serif;scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(180deg,color-mix(in srgb,var(--paper-deep) 86%,transparent),transparent 360px),linear-gradient(color-mix(in srgb,var(--blue) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 7%,transparent) 1px,transparent 1px),var(--paper);background-size:auto,32px 32px,32px 32px,auto;color:var(--ink);font-weight:500;line-height:1.72;overflow-x:hidden;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 18px 18px,color-mix(in srgb,var(--blue) 12%,transparent) 1px,transparent 1.7px),linear-gradient(115deg,transparent 0 42%,color-mix(in srgb,var(--orange) 5%,transparent) 42% 43%,transparent 43% 100%);background-size:36px 36px,auto;opacity:.22}body:after{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.018) 2px 3px),repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px);opacity:.22}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 20%,transparent);outline-offset:3px}.site-shell{position:relative;z-index:2;min-height:100dvh}.site-decor{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.site-decor>*{position:absolute;display:block}.decor-path{width:310px;height:620px;border:2px dashed color-mix(in srgb,var(--blue) 28%,transparent);border-right:0;border-radius:100% 0 0 100%;opacity:.5}.decor-path-left{top:250px;left:-150px;transform:rotate(-8deg)}.decor-path-right{top:250px;right:-160px;transform:scaleX(-1) rotate(-7deg)}.decor-braces,.decor-code-card,.decor-note-card{border:1px solid color-mix(in srgb,var(--blue) 54%,transparent);background:color-mix(in srgb,var(--surface-strong) 70%,transparent);color:color-mix(in srgb,var(--ink) 88%,transparent);box-shadow:0 18px 42px var(--shadow-soft)}.decor-braces{top:240px;left:max(20px,calc((100vw - var(--max)) / 2 - 92px));display:grid;width:58px;height:58px;place-items:center;border-radius:10px;color:var(--blue);font-size:1.8rem;font-weight:900;transform:rotate(3deg)}.decor-code-card{right:max(22px,calc((100vw - var(--max)) / 2 - 78px));bottom:340px;display:grid;width:78px;height:58px;place-items:center;border-radius:9px;color:var(--ink);font-size:1.25rem;font-weight:900;transform:rotate(-11deg)}.decor-note-card{bottom:150px;left:max(-96px,calc((100vw - var(--max)) / 2 - 190px));display:grid;width:176px;gap:4px;border-radius:9px;padding:18px 14px;color:color-mix(in srgb,var(--ink-2) 82%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.48;transform:rotate(8deg)}.decor-note-card:before{position:absolute;top:-10px;left:22px;width:72px;height:20px;content:"";background:var(--tape-blue);transform:rotate(-6deg)}.container,.page-shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;inset:12px auto auto 12px;z-index:40;transform:translateY(-160%);border-radius:6px;background:var(--ink);color:var(--paper);padding:10px 14px;transition:transform .18s ease-out}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border-soft);background:var(--header-bg);backdrop-filter:blur(20px)}.nav-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;min-height:76px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:0;color:var(--ink)}.brand-mark{display:grid;width:50px;height:40px;place-items:center;color:var(--blue);font-size:1.85rem;font-weight:900;letter-spacing:-.08em;text-shadow:0 8px 22px color-mix(in srgb,var(--blue) 26%,transparent)}.brand-text{display:grid;color:var(--ink);font-family:var(--font-hand);font-size:1.28rem;font-weight:900;line-height:1.1;white-space:nowrap}.brand-text:after{content:"notes / ideas / daily";color:var(--muted);font-size:.72rem;font-weight:800}.site-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.site-nav a{position:relative;border-radius:6px;color:var(--ink-2);padding:9px 11px;font-size:.93rem;font-weight:900;transition:color .42s var(--ease-soft),background .42s var(--ease-soft),transform .42s var(--ease-pop)}.site-nav a:after{position:absolute;right:10px;bottom:4px;left:10px;height:2px;content:"";transform:scaleX(0);transform-origin:left;background:var(--blue);transition:transform .18s ease-out}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--blue);background:color-mix(in srgb,var(--blue-soft) 62%,transparent);transform:translateY(-1px)}.site-nav a[aria-current=page]:after,.site-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 70%,transparent);color:var(--ink-2);box-shadow:0 6px 16px var(--shadow-soft);transition:transform .42s var(--ease-pop),color .42s var(--ease-soft),border-color .42s var(--ease-soft),background .42s var(--ease-soft)}.icon-button:hover{border-color:var(--line-blue);background:color-mix(in srgb,var(--blue-soft) 80%,transparent);color:var(--blue);transform:translateY(-1px)}.icon-button:active{transform:translateY(1px) scale(.98)}.mobile-menu{display:none}h1,h2,h3,p{margin-top:0}.home-orbit-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-soft)}.home-orbit-scene[data-scene-ready=true]{opacity:1}.home-orbit-scene canvas{width:100%;height:100%;display:block;filter:saturate(1.08)}.home-orbit-scene:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at var(--home-glow-x, 50%) var(--home-glow-y, 34%),rgba(122,168,255,.16),transparent 26%),radial-gradient(circle at 72% 18%,rgba(255,150,87,.08),transparent 22%),linear-gradient(180deg,rgba(7,16,30,.12),rgba(7,16,30,.58))}.home{position:relative;z-index:3;display:grid;gap:40px;padding:42px 0 72px}.home-hero{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:stretch}.profile-card,.hero-board,.side-panel{position:relative;border:1px solid color-mix(in srgb,var(--border-strong) 84%,transparent);border-radius:8px;background:var(--surface);box-shadow:0 10px 22px var(--shadow-soft);transition:border-color .42s var(--ease-soft),box-shadow .42s var(--ease-soft),transform .42s var(--ease-pop)}.profile-card:hover,.hero-board:hover,.side-panel:hover{border-color:var(--line-blue);box-shadow:0 16px 34px var(--shadow-pop)}.home .profile-card,.home .hero-board,.home .side-panel{backdrop-filter:blur(8px)}.home .hero-board{transform:perspective(1200px) rotateX(var(--home-tilt-x, 0deg)) rotateY(var(--home-tilt-y, 0deg))}.profile-card{align-self:start;padding:26px 20px 20px}.profile-card:before,.hero-board:before,.side-panel:before{position:absolute;z-index:2;content:"";pointer-events:none}.profile-card:before{top:-12px;left:22px;width:72px;height:20px;background:var(--tape-blue);transform:rotate(-9deg)}.avatar-shell{width:124px;height:124px;margin:0 auto 16px;overflow:hidden;border:2px solid color-mix(in srgb,var(--ink) 72%,transparent);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 18%,transparent),transparent 52%),var(--paper-soft);box-shadow:0 0 0 6px color-mix(in srgb,var(--blue) 13%,transparent),0 22px 44px var(--shadow-pop)}.avatar-shell img{width:100%;height:100%;object-fit:cover}.profile-card h2{margin:0;text-align:center;color:var(--ink);font-family:var(--font-hand);font-size:1.78rem;font-weight:900;letter-spacing:0;line-height:1.05;text-shadow:0 9px 22px color-mix(in srgb,var(--blue) 18%,transparent)}.profile-kicker{position:relative;width:max-content;max-width:100%;margin:8px auto 12px!important;color:var(--ink-2)!important;font-size:.86rem!important}.profile-kicker:after{position:absolute;right:8px;bottom:-4px;left:8px;height:3px;content:"";background:var(--orange);transform:rotate(-3deg)}.profile-card p{margin:10px 0 16px;color:var(--muted);font-size:.9rem;line-height:1.62;text-align:center}.profile-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-links a{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:6px;color:var(--ink-2);background:var(--surface-soft);font-size:.8rem;font-weight:900;transition:transform .36s var(--ease-pop),color .36s var(--ease-soft),border-color .36s var(--ease-soft),background .36s var(--ease-soft)}.profile-links a:hover{border-color:var(--line-blue);background:color-mix(in srgb,var(--blue-soft) 72%,transparent);color:var(--blue);transform:translateY(-1px)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border-soft)}.profile-stats div{margin:0;text-align:center}.profile-stats dt{color:var(--muted);font-size:.72rem;font-weight:800}.profile-stats dd{margin:0;color:var(--blue);font-size:1.1rem;font-weight:900}.hero-board{display:grid;grid-template-columns:minmax(0,1fr) 288px;grid-template-rows:auto auto;gap:24px 22px;min-height:360px;padding:38px 34px 24px;overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 76%,transparent),color-mix(in srgb,var(--surface) 88%,transparent)),linear-gradient(color-mix(in srgb,var(--blue) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 3%,transparent) 1px,transparent 1px),var(--surface);background-size:auto,30px 30px,30px 30px,auto}.hero-board:before{top:-14px;right:26px;width:96px;height:28px;border:1px solid var(--border);background:repeating-linear-gradient(-45deg,transparent 0 7px,color-mix(in srgb,var(--blue) 12%,transparent) 7px 9px),var(--tape-blue);transform:rotate(3deg)}.hero-copy{position:relative;z-index:1;max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase}.eyebrow:before{display:inline-block;width:24px;height:2px;content:"";background:var(--orange)}h1{max-width:12ch;margin:12px 0;color:var(--ink);font-size:clamp(2.55rem,4vw,3.65rem);font-weight:900;line-height:1.08;letter-spacing:0}.hero-board h1{max-width:720px;margin:12px 0 14px}.hero-script,.hero-main{display:block}.hero-script{color:var(--blue);font-family:var(--font-hand);font-size:clamp(2.35rem,4.5vw,3.85rem);font-weight:900;line-height:1;text-shadow:0 16px 40px color-mix(in srgb,var(--blue) 24%,transparent)}.hero-main{margin-top:8px;color:var(--ink);font-size:clamp(1.9rem,2.8vw,2.48rem);line-height:1.12}.hero-main:after{display:inline-block;width:8px;height:1.05em;margin-left:8px;content:"";vertical-align:-.12em;background:var(--orange);border-radius:2px}.hero-copy p{max-width:52ch;margin-bottom:0;color:var(--muted);font-size:1.02rem;line-height:1.72}.hero-lede{color:var(--ink-2)!important}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid #f1c532;border-radius:6px;background:var(--yellow);color:#17213a;padding:7px 12px;font-size:.9rem;font-weight:900;box-shadow:0 12px 24px color-mix(in srgb,var(--yellow) 16%,transparent);transition:background .42s var(--ease-soft),border-color .42s var(--ease-soft),transform .42s var(--ease-pop),box-shadow .42s var(--ease-soft)}.button.primary{background:var(--yellow);color:#17213a}.button:hover{border-color:#e8b928;background:#ffe36b;transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--yellow) 20%,transparent)}.button:active{transform:translateY(1px) scale(.98)}.button.subtle{border-color:var(--border);background:var(--surface-strong);color:var(--blue);box-shadow:none}.hero-sketch{position:relative;z-index:1;align-self:stretch;min-height:238px}.sketch-note,.sketch-window,.sketch-card{position:absolute;border:1px solid color-mix(in srgb,var(--border-strong) 84%,transparent);border-radius:7px;background:color-mix(in srgb,var(--paper-soft) 82%,transparent);box-shadow:0 18px 42px var(--shadow-soft)}.sketch-note{top:0;right:4px;display:grid;width:224px;gap:12px;padding:24px 22px;transform:rotate(2.5deg)}.sketch-note:before,.sketch-window:before{position:absolute;top:-12px;left:26px;width:74px;height:18px;content:"";background:var(--tape-blue);transform:rotate(-5deg)}.sketch-note strong{color:var(--orange);font-family:var(--font-hand);font-size:1.12rem;line-height:1}.sketch-note span{color:var(--ink-2);font-size:.9rem;font-weight:800;line-height:1.7}.sketch-window{left:6px;bottom:52px;width:166px;height:112px;padding:18px 16px;transform:rotate(-3deg)}.sketch-window i{position:absolute;top:13px;width:7px;height:7px;border-radius:999px}.sketch-window i:nth-child(1){left:14px;background:var(--orange)}.sketch-window i:nth-child(2){left:28px;background:var(--yellow)}.sketch-window i:nth-child(3){left:42px;background:var(--mint)}.sketch-window span{display:block;height:7px;margin-top:13px;border-radius:999px;background:color-mix(in srgb,var(--blue) 28%,transparent)}.sketch-window span:nth-of-type(1){width:112px}.sketch-window span:nth-of-type(2){width:140px}.sketch-window span:nth-of-type(3){width:94px}.sketch-window b{position:absolute;bottom:14px;left:18px;width:9px;height:9px;border-radius:999px;background:var(--blue);box-shadow:20px 0 0 color-mix(in srgb,var(--blue) 58%,transparent),40px 0 0 color-mix(in srgb,var(--blue) 32%,transparent)}.sketch-card{right:8px;bottom:48px;display:grid;width:122px;height:92px;align-content:start;gap:10px;padding:18px 16px;transform:rotate(7deg)}.sketch-card span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line-blue);border-radius:9px;color:var(--blue);font-weight:900}.sketch-card i{display:block;height:7px;border-radius:999px;background:color-mix(in srgb,var(--blue) 24%,transparent)}.sketch-card i:first-of-type{width:76px}.sketch-card i:last-of-type{width:56px}.sketch-pen{position:absolute;right:34px;bottom:34px;width:132px;height:13px;border-radius:999px 9px 9px 999px;background:linear-gradient(90deg,#f6fbff 0 22%,#9ab7ef 22% 31%,#f6fbff 31% 100%);box-shadow:0 10px 24px var(--shadow-pop);transform:rotate(-8deg)}.sketch-pen:before{position:absolute;left:-23px;top:0;width:0;height:0;content:"";border-top:7px solid transparent;border-right:24px solid #e8f1ff;border-bottom:7px solid transparent}.sketch-pen:after{position:absolute;right:10px;top:-7px;width:28px;height:27px;content:"";border-right:4px solid color-mix(in srgb,var(--blue) 54%,transparent);transform:skew(-16deg)}.update-track{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding-top:6px;color:var(--muted);font-size:.86rem}.update-track span{min-width:0;border-top:3px solid var(--blue);padding-top:11px;font-weight:800}.update-track b{display:block;color:var(--blue);font-size:.95rem;line-height:1.1}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 10px 22px var(--shadow-soft)}.stat{min-width:0;border-right:1px solid var(--border-soft);padding:14px 12px;text-align:center}.stat:last-child{border-right:0}.stat strong{display:block;color:var(--blue);font-size:1.2rem;font-weight:900;line-height:1}.stat span{color:var(--muted);font-size:.76rem;font-weight:800}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}.main-stack,.side-stack{display:grid;gap:28px}.section{padding:42px 0}.home .section{padding:0}.section-head,.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px;border-bottom:1px solid var(--border-soft);padding-bottom:10px}.section-title{margin:0;color:var(--ink);font-size:1.38rem;font-weight:900;line-height:1.22;letter-spacing:0}.section-lede{max-width:680px;margin-bottom:0;color:var(--muted)}.section-link{color:var(--muted);font-size:.82rem;font-weight:900}.section-link:hover{color:var(--blue)}.grid{display:grid;gap:0}.grid.two,.grid.three{grid-template-columns:1fr}.card{position:relative;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;padding:16px 5px;transition:color .18s ease-out,transform .18s ease-out,background .18s ease-out}.card:first-child{border-top:1px solid var(--border-soft)}.card:hover{color:var(--blue);transform:translate(2px)}.card h3{margin-bottom:6px;color:var(--ink);font-size:1.08rem;font-weight:900;line-height:1.38}.card h3 a{display:inline-flex;align-items:center;gap:8px}.card p{margin-bottom:0;color:var(--muted);font-size:.9rem}.meta,.tag-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.meta{margin-bottom:6px;color:var(--muted);font-size:.78rem;font-weight:800}.tag{display:inline-flex;min-height:24px;align-items:center;border:1px solid var(--tag-border);border-radius:5px;background:var(--tag-bg);color:var(--tag-text);padding:2px 8px;font-size:.76rem;font-weight:900}.card .tag-list,.post-row .tag-list{margin-top:10px}.post-card-compact{display:grid;grid-template-columns:124px minmax(0,1fr);gap:16px;align-items:stretch}.post-thumb,.project-thumb{display:block;width:100%;height:92px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 18%,transparent),transparent 54%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),var(--blue-soft));overflow:hidden;position:relative}.post-thumb:before,.project-thumb:before{position:absolute;inset:18px auto auto 18px;display:grid;width:48px;height:38px;place-items:center;border:2px solid color-mix(in srgb,var(--blue) 72%,transparent);border-radius:7px;color:var(--blue);content:"</>";font-size:1rem;font-weight:900;box-shadow:0 0 0 6px color-mix(in srgb,var(--blue) 8%,transparent)}.post-thumb:after,.project-thumb:after{position:absolute;right:16px;bottom:15px;left:78px;height:7px;border:1px solid color-mix(in srgb,var(--blue) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--blue) 18%,transparent);content:"";box-shadow:0 -16px 0 color-mix(in srgb,var(--blue) 10%,transparent),0 16px 0 color-mix(in srgb,var(--orange) 42%,transparent)}.post-thumb[data-kind=ai],.project-thumb[data-accent=ink]{background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--blue) 30%,transparent),transparent 32%),linear-gradient(140deg,#0f1c31,#1a3868)}.post-thumb[data-kind=ai]:before,.project-thumb[data-accent=ink]:before{content:"AI"}.post-thumb[data-kind=life],.project-thumb[data-accent=yellow]{background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--yellow) 46%,transparent),transparent 30%),linear-gradient(140deg,#10233a,#28476f)}.post-thumb[data-kind=life]:before,.project-thumb[data-accent=yellow]:before{content:"日"}.post-thumb[data-kind=writing],.project-thumb[data-accent=coral]{background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--orange) 38%,transparent),transparent 30%),linear-gradient(140deg,#122036,#3a2d3b)}.post-thumb[data-kind=writing]:before,.project-thumb[data-accent=coral]:before{content:"文"}.project-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px}.project-thumb{aspect-ratio:1;height:auto}.accent{display:none}.split-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.profile-panel{border-left:0;background:var(--surface)}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--border-soft);padding:12px 5px}.timeline time{color:var(--blue);font-size:.8rem;font-weight:900}.timeline h2,.timeline h3{margin-bottom:4px;font-size:1rem;line-height:1.32}.timeline p{margin-bottom:0;color:var(--muted);font-size:.9rem}.side-panel{padding:16px}.side-panel:nth-child(1){background:linear-gradient(100deg,color-mix(in srgb,var(--yellow) 7%,transparent),transparent 62%),color-mix(in srgb,var(--surface) 94%,transparent);transform:rotate(-1.2deg)}.side-panel:nth-child(1):after,.side-panel:nth-child(2):after{position:absolute;top:-10px;right:28px;width:66px;height:18px;content:"";background:var(--tape-yellow);transform:rotate(4deg)}.side-panel:nth-child(2){transform:rotate(.8deg)}.side-panel:before{top:14px;left:16px;width:8px;height:8px;border-radius:999px;background:var(--blue)}.side-panel h2{margin:0 0 12px;padding-left:16px;color:var(--ink);font-size:1rem;font-weight:900}.quote-mark{display:grid;width:58px;height:58px;place-items:center;margin:6px 0 10px;border:1px solid var(--line-blue);border-radius:11px;background:var(--blue-soft);color:var(--blue);font-family:var(--font-hand);font-size:1.75rem;font-weight:900;transform:rotate(-4deg)}.learning-list{display:grid;gap:12px}.learning-row{display:grid;gap:6px}.learning-row span{display:flex;justify-content:space-between;color:var(--ink-2);font-size:.86rem;font-weight:900}.progress{height:7px;overflow:hidden;border-radius:99px;background:var(--blue-soft)}.progress i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.guestbook-form{display:grid;gap:10px}.guestbook-form label{display:grid;gap:6px;color:var(--ink-2);font-size:.82rem;font-weight:900}.guestbook-form input,.guestbook-form textarea{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface-strong);color:var(--ink);padding:9px 10px;outline:0;resize:vertical}.guestbook-form input:focus,.guestbook-form textarea:focus{border-color:var(--line-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.guestbook-form button[disabled]{cursor:wait;opacity:.66}.form-status{min-height:1.3em;margin:0;color:var(--muted);font-size:.82rem;font-weight:800}.form-status[data-type=success]{color:var(--blue)}.form-status[data-type=error]{color:var(--orange)}.guestbook-list{display:grid;gap:10px;margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px}.guestbook-entry{display:grid;gap:4px;border-bottom:1px solid var(--border-soft);padding-bottom:10px}.guestbook-entry:last-child{border-bottom:0;padding-bottom:0}.guestbook-entry div{display:flex;align-items:center;justify-content:space-between;gap:10px}.guestbook-entry strong{color:var(--ink);font-size:.88rem;font-weight:900}.guestbook-entry time{color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}.guestbook-entry p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.58}.page-hero{padding:54px 0 18px}.page-hero h1{max-width:980px;margin-bottom:10px;font-size:clamp(2.6rem,7vw,4.5rem)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:8px 0 20px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:12px;box-shadow:0 10px 22px var(--shadow-soft)}.search-field{display:flex;min-width:min(100%,320px);flex:1;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-strong);padding:0 12px}.search-field svg{color:var(--muted)}.search-field input{width:100%;min-height:42px;border:0;background:transparent;color:var(--ink);outline:0}.filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter-button{min-height:34px;border:1px solid var(--border);border-radius:6px;background:var(--surface-strong);color:var(--ink-2);padding:6px 10px;font-size:.84rem;font-weight:900}.filter-button[aria-pressed=true],.filter-button:hover{border-color:var(--tag-border);background:var(--tag-bg);color:var(--tag-text)}.post-list{display:grid;gap:0}.post-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;border-bottom:1px solid var(--border-soft);background:transparent;padding:16px 5px;transition:color .18s ease-out,transform .18s ease-out}.post-row:first-child{border-top:1px solid var(--border-soft)}.post-row:hover{color:var(--blue);transform:translate(2px)}.post-row time{color:var(--blue);font-weight:900}.post-row h2{margin-bottom:8px;font-size:1.22rem;font-weight:900;line-height:1.32}.post-row p{margin-bottom:0;color:var(--muted)}.prose{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:52px;align-items:start;padding-bottom:72px}.article-body{min-width:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:96px}.article-body h1{margin-top:0;font-size:2rem}.article-body h2{margin-top:2.2rem;font-size:1.78rem}.article-body h3{margin-top:1.8rem;font-size:1.32rem}.article-body h4{margin-top:1.45rem;font-size:1.08rem}.article-body p,.article-body li{color:color-mix(in srgb,var(--ink) 78%,var(--muted))}.article-body ul,.article-body ol{display:grid;gap:8px;margin:1rem 0 1.25rem;padding-left:1.35rem}.article-body blockquote{margin:1.4rem 0;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--blue) 9%,transparent);padding:14px 18px}.article-body blockquote p{margin:0}.article-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.article-body code{border-radius:5px;background:#fff0c4;color:#9a3f0f;padding:.15em .35em}:root[data-theme=dark] .article-body code{background:#302817;color:#ffd18b}.article-body pre{overflow-x:auto;border:1px solid var(--border);border-radius:8px;padding:18px}.article-body pre code{border:0;background:transparent;color:inherit;padding:0}.article-aside{position:sticky;top:96px}.article-aside h2{margin-bottom:14px;font-size:1rem}.article-aside .timeline{gap:10px}.article-aside a{color:var(--muted);font-size:.95rem}.article-aside a:hover{color:var(--blue)}.admin-hero{padding-bottom:8px}.admin-login,.admin-shell{display:grid;gap:18px;padding-bottom:72px}.admin-login-card,.admin-toolbar,.admin-list-panel,.admin-editor-panel{position:relative;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 10px 22px var(--shadow-soft)}.admin-login-card{display:grid;width:min(100%,560px);gap:18px;margin:0 auto;padding:22px}.admin-login-card h2{margin-bottom:8px;color:var(--ink);font-size:1.45rem;font-weight:900}.admin-login-card p{margin-bottom:0;color:var(--muted)}.admin-login-card label{display:grid;gap:7px;color:var(--ink-2);font-size:.82rem;font-weight:900}.admin-login-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-toolbar{display:flex;gap:14px;align-items:end;justify-content:space-between;padding:14px}.admin-session,.admin-deploy-status{display:grid;min-width:min(100%,360px);gap:4px}.admin-deploy-status{min-width:min(100%,420px);border-left:1px solid var(--border-soft);padding-left:14px}.admin-session span,.admin-deploy-status span{color:var(--ink);font-size:.95rem;font-weight:900}.admin-session small,.admin-deploy-status small{color:var(--muted);font-size:.78rem;font-weight:800}.admin-deploy-status[data-state=success] small{color:var(--blue)}.admin-deploy-status[data-state=warning] small{color:var(--orange)}.admin-toolbar-actions,.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.admin-list-panel,.admin-editor-panel{padding:16px}.admin-list-panel:before,.admin-editor-panel:before{position:absolute;top:-10px;width:74px;height:18px;content:"";background:var(--tape-blue);transform:rotate(-5deg)}.admin-list-panel:before{left:22px}.admin-editor-panel:before{right:28px;transform:rotate(5deg)}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:1px solid var(--border-soft);padding-bottom:12px}.admin-panel-head h2{margin:0;color:var(--ink);font-size:1.08rem;font-weight:900}.admin-panel-head span{display:grid;min-width:32px;height:26px;place-items:center;border:1px solid var(--line-blue);border-radius:6px;color:var(--blue);font-size:.82rem;font-weight:900}.admin-head-actions{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.admin-sync-chip{display:inline-flex!important;width:auto!important;min-width:58px!important;height:26px!important;padding:0 9px;color:var(--muted)!important}.admin-sync-chip[data-dirty=true]{border-color:color-mix(in srgb,var(--orange) 70%,transparent);background:color-mix(in srgb,var(--orange) 13%,transparent);color:var(--orange)!important}.admin-post-list{display:grid;gap:8px;max-height:650px;overflow:auto;padding-right:4px}.admin-audit-panel{margin-top:18px;border-top:1px solid var(--border-soft);padding-top:16px}.admin-audit-list{display:grid;gap:8px}.admin-audit-item{display:grid;gap:3px;border:1px solid var(--border-soft);border-radius:7px;background:color-mix(in srgb,var(--surface-soft) 70%,transparent);padding:9px 10px}.admin-audit-item strong{color:var(--ink);font-size:.82rem;font-weight:900}.admin-audit-item small{overflow:hidden;color:var(--muted);font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-post-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid var(--border-soft);border-radius:7px;background:color-mix(in srgb,var(--surface-soft) 78%,transparent);color:var(--ink);padding:11px 12px;text-align:left;transition:transform .36s var(--ease-pop),border-color .36s var(--ease-soft),background .36s var(--ease-soft)}.admin-post-item:hover,.admin-post-item[aria-pressed=true]{border-color:var(--line-blue);background:color-mix(in srgb,var(--blue-soft) 78%,transparent);transform:translateY(-1px)}.admin-post-item strong,.admin-post-item small{display:block}.admin-post-item strong{overflow:hidden;color:var(--ink);font-size:.92rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.admin-post-item small{color:var(--muted);font-size:.74rem;font-weight:800}.admin-post-item em{border:1px solid var(--tag-border);border-radius:5px;background:var(--tag-bg);color:var(--tag-text);padding:2px 7px;font-size:.72rem;font-style:normal;font-weight:900;white-space:nowrap}.admin-post-item em[data-draft=false]{border-color:color-mix(in srgb,var(--yellow) 66%,transparent);background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}.admin-editor{display:grid;gap:14px}.admin-editor label,.admin-checks label{color:var(--ink-2);font-size:.82rem;font-weight:900}.admin-editor label{display:grid;gap:7px}.admin-form-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}.admin-login-card input,.admin-editor input,.admin-editor textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--surface-strong);color:var(--ink);padding:10px 11px;outline:0;transition:border-color .26s var(--ease-soft),box-shadow .26s var(--ease-soft),background .26s var(--ease-soft)}.admin-editor input[readonly]{color:var(--muted)}.admin-login-card input:focus,.admin-editor input:focus,.admin-editor textarea:focus{border-color:var(--line-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}.admin-editor textarea{min-height:72px;resize:vertical}.admin-body-field{min-height:480px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.7}.admin-checks{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.admin-checks label{display:inline-flex;align-items:center;gap:8px}.admin-checks input{width:18px;height:18px;accent-color:var(--blue)}.admin-editor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-editor-stats span{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-soft);border-radius:7px;background:color-mix(in srgb,var(--surface-soft) 74%,transparent);color:var(--muted);font-size:.78rem;font-weight:900}.admin-editor-stats b{color:var(--blue);font-size:.96rem}.admin-editor-stats span[data-draft=false]{border-color:color-mix(in srgb,var(--yellow) 56%,transparent);color:var(--yellow)}.admin-writing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:14px;align-items:stretch}.admin-body-label{min-width:0}.admin-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(color-mix(in srgb,var(--blue) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 3%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--surface-strong) 94%,transparent);background-size:28px 28px,28px 28px,auto}.admin-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-soft);padding:10px 12px}.admin-preview-head h3{margin:0;color:var(--ink);font-size:.94rem;font-weight:900}.admin-preview-head span{color:var(--blue);font-size:.72rem;font-weight:900}.admin-preview{max-height:586px;overflow:auto;padding:18px;color:color-mix(in srgb,var(--ink) 86%,var(--muted));font-size:.94rem;line-height:1.76}.admin-preview h2,.admin-preview h3,.admin-preview h4{margin:1.1em 0 .45em;color:var(--ink);line-height:1.3}.admin-preview h2:first-child,.admin-preview h3:first-child,.admin-preview h4:first-child{margin-top:0}.admin-preview p,.admin-preview ul,.admin-preview blockquote,.admin-preview pre{margin:0 0 1em}.admin-preview ul{padding-left:1.2em}.admin-preview blockquote{border-left:3px solid var(--orange);padding-left:12px;color:var(--ink-2)}.admin-preview code{border-radius:5px;background:color-mix(in srgb,var(--yellow) 12%,transparent);color:#ffd18b;padding:.12em .35em}.admin-preview pre{overflow-x:auto;border:1px solid var(--border-soft);border-radius:8px;background:color-mix(in srgb,var(--paper-deep) 74%,transparent);padding:14px}.admin-preview pre code{background:transparent;color:var(--ink-2);padding:0}.admin-actions{border-top:1px solid var(--border-soft);padding-top:14px}.admin-actions .button:disabled{cursor:wait;opacity:.62;transform:none}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border-soft);padding:38px 0 46px}.footer-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:24px;box-shadow:0 10px 22px var(--shadow-soft)}.footer-panel h2{margin-bottom:8px;font-size:1.35rem;font-weight:900}.footer-panel p,.footer-wrap{color:var(--muted);font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;font-weight:900}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}[hidden]{display:none!important}@media (max-width: 980px){.home-hero,.home-layout,.hero-board,.admin-layout,.split-band,.prose{grid-template-columns:1fr}.profile-card{display:grid;grid-template-columns:124px minmax(0,1fr);gap:0 16px;align-items:center}.profile-card .avatar-shell{grid-row:span 3;margin:0}.profile-card h2,.profile-card p{text-align:left}.profile-kicker{margin:8px 0 12px!important}.profile-links,.profile-stats{grid-column:1 / -1}.site-decor{opacity:.48}.grid.three,.grid.two{grid-template-columns:1fr}.article-aside{position:static}}@media (max-width: 760px){.home-orbit-scene{opacity:.72}.home .hero-board{transform:none}.nav-wrap{grid-template-columns:auto auto;min-height:64px}.site-nav{position:fixed;inset:64px 16px auto;display:none;flex-direction:column;align-items:stretch;justify-content:start;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-strong);padding:8px;box-shadow:0 16px 34px var(--shadow-pop)}.site-nav[data-open=true]{display:flex}.desktop-action{display:none}.mobile-menu{display:grid}.brand-text{max-width:7em;overflow:hidden;text-overflow:ellipsis}.hero-board{padding:30px 20px 22px}.hero-sketch{min-height:238px}.sketch-note{width:min(250px,76vw)}.update-track{grid-template-columns:1fr;gap:12px}h1{font-size:2.35rem}.profile-card{grid-template-columns:1fr;text-align:center}.profile-card .avatar-shell{margin:0 auto 12px}.profile-kicker{margin-inline:auto!important}.profile-card h2,.profile-card p{text-align:center}.status-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2n){border-right:0}.section-head,.section-header,.footer-panel{align-items:start;grid-template-columns:1fr}.post-card-compact,.project-card,.post-row,.timeline-item{grid-template-columns:92px minmax(0,1fr);gap:12px}.post-thumb,.post-row .post-thumb{height:78px}.toolbar{align-items:stretch}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-deploy-status{border-left:0;border-top:1px solid var(--border-soft);padding-left:0;padding-top:12px}.admin-form-grid,.admin-writing-grid{grid-template-columns:1fr}.admin-post-list{max-height:360px}.filter-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.footer-links{justify-content:flex-start}}@media (max-width: 520px){.home{padding-top:24px}.site-decor{display:none}.home-orbit-scene:after{background:radial-gradient(circle at 50% 18%,rgba(122,168,255,.12),transparent 28%),linear-gradient(180deg,rgba(7,16,30,.28),rgba(7,16,30,.68))}.hero-sketch{min-height:280px}.admin-editor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-note{right:auto;left:0}.sketch-window{bottom:72px}.sketch-card{right:0;bottom:56px}.sketch-pen{right:34px;bottom:36px}.post-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.home .hero-board{transform:none}}