@property --bg{syntax:"<color>";inherits:true;initial-value:#f8f5f0}@property --card{syntax:"<color>";inherits:true;initial-value:#fcfaf8}@property --ink{syntax:"<color>";inherits:true;initial-value:#3d3832}@property --ink-soft{syntax:"<color>";inherits:true;initial-value:#6f675f}@property --ink-muted{syntax:"<color>";inherits:true;initial-value:#a39a8f}@property --accent{syntax:"<color>";inherits:true;initial-value:#b86b3d}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#d7a27c}@property --line{syntax:"<color>";inherits:true;initial-value:#e8e0d5}body{transition:--bg 2s,--card 2s,--ink 2s,--ink-soft 2s,--ink-muted 2s,--accent 2s,--accent-soft 2s,--line 2s}body.preload,body.preload *{transition:none!important}.topbar-actions{align-items:center;gap:10px;display:flex}.toggle-wrap{display:inline-flex;position:relative}#fx-toggle:before,#fx-toggle:after,#dark-toggle:before,#dark-toggle:after{content:none!important;display:none!important}.toggle-tip{color:#fbf7f1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:999;background:#3d3832;border-radius:6px;padding:6px 10px;font-size:12px;line-height:18px;transition:opacity .2s,transform .2s,visibility .2s;display:block;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 4px 14px #0000002e}.toggle-wrap:hover .toggle-tip{opacity:1;visibility:visible;transform:translateY(0)}.dark-toggle.on{border-color:#a8684a;box-shadow:0 0 0 3px #e08a5a1f}.night-overlay{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(at 50% 0,#1e2433 0%,#10131a 55%,#07080b 100%);transition:opacity 2s;position:fixed;inset:0}body.dark .night-overlay{opacity:1}body.dark{--bg:#0f1116;--card:#1a1e27;--ink:#e8e4dc;--ink-soft:#b6b1a8;--ink-muted:#8b867d;--accent:#e08a5a;--accent-soft:#a8684a;--line:#2b313c}.sea-layer{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{color:#f6e7b0;opacity:.9;will-change:transform, opacity;line-height:1;animation-name:starFall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:backwards;position:absolute;top:-4%}@keyframes starFall{0%{opacity:0;transform:translate(0,0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translateY(112vh)rotate(180deg)}}.sea{will-change:transform, opacity;line-height:1;animation-name:seaPop;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:both;position:absolute;bottom:-40px}@keyframes seaPop{0%{opacity:0;transform:translateY(60px)scale(.7)rotate(-8deg)}20%{opacity:1}45%{opacity:1;transform:translateY(-16vh)scale(1)rotate(6deg)}55%{opacity:1;transform:translateY(-18vh)scale(1)rotate(-4deg)}to{opacity:0;transform:translateY(60px)scale(.7)rotate(8deg)}}body.dark .post-card{border-color:var(--line);background:#161a22d9}body.dark .post-card .post-head,body.dark .post-card .post-body,body.dark .post-card .post-nav,body.dark .post-card .post-more-divider{border-color:var(--line)}body.dark .project-card,body.dark .modal-card{background:var(--card);border-color:var(--line)}body.dark .project-card:hover{border-color:var(--accent-soft);box-shadow:0 10px 28px #00000059}body.dark .post-body code{color:#e6b48a;background:#22262f}body.dark .post-body pre{border-color:var(--line);background:#171b22}body.dark .post-body pre code{color:var(--ink)}body.dark .post-body blockquote{background:var(--card)}body.dark .post-list-title{color:var(--ink)}body.dark .post-list-item{border-color:var(--line)}body.dark .page-navigator li a,body.dark .page-navigator li span{background:var(--card);border-color:var(--line);color:var(--ink-soft)}body.dark .post-list-cat,body.dark .project-card-cat{color:var(--accent)}body.dark .project-card-title{color:var(--ink)}body.dark .project-card-excerpt,body.dark .project-card-meta{color:var(--ink-muted)}body.dark .post-cat{background:var(--card);border-color:var(--line);color:var(--ink-soft)}body.dark .post-cat:hover{color:var(--accent);border-color:var(--accent-soft)}body.dark .post-list-meta,body.dark .post-list-excerpt{color:var(--ink-muted)}body.dark .post-card .post-nav-sep{background:var(--line)}body.dark .project-card-meta{border-top-color:var(--line)}body.dark #card-modal .modal-title{color:var(--ink)}body.dark #card-modal .modal-summary{color:var(--ink-soft)}body.dark #card-modal .modal-date{color:var(--ink-muted)}body.dark #card-modal .modal-close{background:var(--bg);border-color:var(--line);color:var(--ink-soft)}.heart-trigger{cursor:pointer;user-select:none;transition:transform .2s;display:inline-block}.heart-trigger:hover{transform:scale(1.25)rotate(-8deg)}.footer-beian{margin-top:6px}.heart-layer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.heart{will-change:transform;line-height:1;animation-name:heartFall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-48px}@keyframes heartFall{0%{transform:translate(0,0)rotate(0)}to{transform:translateY(115vh)rotate(360deg)}}