*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif;color:#2c3a4f;-webkit-font-smoothing:antialiased}#app{width:100%;height:100%}.app-root{position:relative;width:100%;height:100%}.snow-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.snow-canvas canvas{display:block}.glass-card{background:#ffffff9e;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 10px 34px #4a628a29,inset 0 1px #fffc}.page-wrap{position:relative;z-index:2;height:100%;overflow-y:auto;overflow-x:hidden;padding:calc(64px + env(safe-area-inset-top,0px)) 20px 80px;display:flex;flex-direction:column;align-items:center;scrollbar-width:thin}.page{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;animation:page-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(26px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.page-title{margin:28px 0 22px;font-size:1.5rem;color:#33415c;text-shadow:0 1px 0 rgba(255,255,255,.8)}.page-fade-enter-active{transition:opacity .45s ease,transform .45s ease,filter .45s ease}.page-fade-leave-active{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.page-fade-enter-from{opacity:0;transform:translateY(18px);filter:blur(5px)}.page-fade-leave-to{opacity:0;transform:translateY(-8px);filter:blur(4px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;padding-top:env(safe-area-inset-top,0px)}.navbar .frost{position:absolute;top:0;left:0;right:0;height:calc(100% + 36px);pointer-events:none;background:#f4f8fd80;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.9) 52%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.9) 52%,transparent 100%)}.nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 clamp(16px,4vw,42px)}.nav-brand{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-icon{font-size:1.45rem;filter:drop-shadow(0 2px 4px rgba(120,150,190,.35))}.brand-title{font-weight:700;font-size:1.06rem;letter-spacing:.04em;color:#33415c}.nav-menu{display:flex;align-items:center;gap:clamp(6px,2vw,18px);list-style:none}.nav-link{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;font-size:.95rem;font-family:inherit;color:#4a5a76;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .28s ease}.nav-link:hover{background:#ffffff8c;color:#2c3a4f;transform:translateY(-1px)}.nav-link.active{background:#ffffffd9;color:#1f2d45;font-weight:600;box-shadow:0 4px 14px #5a78aa2e}.link-icon{font-size:1rem}.nav-drop-enter-active{transition:all .55s cubic-bezier(.22,1,.36,1) .05s}.nav-drop-leave-active{transition:all .2s ease}.nav-drop-enter-from,.nav-drop-leave-to{opacity:0;transform:translateY(-110%)}.hamburger{display:none;flex-direction:column;gap:5px;background:#fff9;border:1px solid rgba(255,255,255,.8);border-radius:10px;padding:9px 10px;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:#3c4c68;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:relative;flex-direction:column;align-items:stretch;gap:6px;margin:6px 14px 14px;padding:10px;background:#fafcffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 40px #4a628a33}.mobile-menu .nav-link{justify-content:flex-start;width:100%;font-size:1rem}.drawer-enter-active,.drawer-leave-active{transition:all .35s ease}.drawer-enter-from,.drawer-leave-to{opacity:0;transform:translateY(-12px)}.wipe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;transition:opacity .6s ease,filter .6s ease}.wipe-overlay.fading{opacity:0;filter:blur(8px);pointer-events:none}.frost-canvas,.fx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.fx-canvas{pointer-events:none}.wipe-hint,.wipe-done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;pointer-events:none;padding:0 24px}.hint-icon{font-size:2.6rem;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hint-text{font-size:1.35rem;font-weight:600;color:#43536e;letter-spacing:.06em}.hint-sub{font-size:.92rem;color:#6a7b96}.hint-progress{margin-top:14px;width:min(240px,60vw);height:6px;background:#ffffff8c;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #5a78aa33}.hint-progress-bar{height:100%;background:linear-gradient(90deg,#9fc0ea,#6f9bdd);border-radius:999px;transition:width .25s ease}.hint-percent{font-size:.8rem;color:#8296b2}.wipe-done{font-size:1.2rem;color:#43536e;font-weight:600;letter-spacing:.1em}.done-snow{font-size:2.2rem}.hint-fade-enter-active{transition:all .7s ease}.hint-fade-leave-active{transition:all .4s ease}.hint-fade-enter-from,.hint-fade-leave-to{opacity:0;transform:translateY(10px)}.home-page{justify-content:center;min-height:calc(100vh - 180px)}.hero-card{width:min(560px,94vw);padding:44px 34px 38px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-wrap{position:relative;width:118px;height:118px}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.95);box-shadow:0 8px 24px #4a628a40;position:relative;z-index:1}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(145deg,#fdfdff,#dce8f6)}.avatar-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px dashed rgba(140,170,214,.55);animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.owner-name{font-size:1.7rem;font-weight:700;color:#2b3a54;letter-spacing:.04em}.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:5px;font-size:.83rem;padding:5px 12px;border-radius:999px;border:1.5px solid #9db4d4;color:#5a6d8c;background:#ffffff80;transition:transform .25s ease,box-shadow .25s ease;cursor:default}.tag-chip:hover{transform:translateY(-2px);box-shadow:0 6px 14px #5a78aa2e}.tag-icon{font-size:.95rem}.intro{font-size:.98rem;line-height:1.9;color:#48597a;max-width:46ch;white-space:pre-wrap}.notes-list{width:100%;display:flex;flex-direction:column;gap:14px}.note-card{padding:20px 22px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.note-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #4a628a38}.note-title{font-size:1.12rem;color:#2b3a54;margin-bottom:8px}.note-summary{font-size:.88rem;color:#5d6f8c;line-height:1.7}.note-date{display:block;margin-top:10px;font-size:.76rem;color:#8ba0bf}.note-detail{width:100%;padding:26px 26px 34px}.back-btn{border:none;background:#ffffffa6;color:#4a5a76;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.85rem;margin-bottom:18px;transition:background .25s ease}.back-btn:hover{background:#fff}.detail-title{font-size:1.5rem;color:#2b3a54;margin-bottom:6px}.md-body{margin-top:18px;font-size:.93rem;line-height:1.85;color:#3c4c68}.md-body :deep(.md-h){margin:1.1em 0 .5em;color:#2b3a54}.md-body :deep(.md-h1){font-size:1.4rem}.md-body :deep(.md-h2){font-size:1.22rem}.md-body :deep(.md-h3){font-size:1.08rem}.md-body :deep(.md-p){margin:.7em 0}.md-body :deep(.md-pre){background:#2d3a52;color:#e6eefb;padding:14px 16px;border-radius:12px;overflow-x:auto;font-size:.82rem;margin:.9em 0}.md-body :deep(code){background:#7896c429;padding:2px 6px;border-radius:6px;font-family:JetBrains Mono,Consolas,monospace;font-size:.86em}.md-body :deep(.md-pre code){background:transparent;padding:0}.md-body :deep(.md-quote){border-left:3px solid #9db4d4;padding:6px 14px;margin:.9em 0;color:#5d6f8c;background:#fff6;border-radius:0 10px 10px 0}.md-body :deep(.md-ul),.md-body :deep(.md-ol){padding-left:1.5em;margin:.7em 0}.md-body :deep(.md-hr){border:none;border-top:1px solid rgba(120,150,190,.35);margin:1.3em 0}.md-body :deep(img){max-width:100%;border-radius:12px}.md-body :deep(a){color:#4a7fd0}.links-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.link-card{display:flex;align-items:center;gap:13px;padding:15px 17px;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.link-card:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 16px 40px #4a628a38}.link-avatar{width:46px;height:46px;border-radius:14px;object-fit:cover;flex-shrink:0}.link-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e3edf9,#c9dcf2);font-weight:700;font-size:1.2rem;color:#4a5f82}.link-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.link-name{font-size:.98rem;color:#2b3a54}.link-desc{font-size:.78rem;color:#71839f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-arrow{color:#9db4d4;transition:transform .25s ease}.link-card:hover .link-arrow{transform:translate(4px)}.contact-list{width:100%;display:flex;flex-direction:column;gap:12px}.contact-row{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.contact-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px #4a628a33}.contact-icon{font-size:1.3rem}.contact-label{font-weight:600;color:#33415c;min-width:88px}.contact-value{color:#5d6f8c;font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.empty-tip{color:#8ba0bf;font-size:.9rem;padding:30px 0}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));font-size:.74rem;color:#7c90ad;pointer-events:none}.paw-hint{opacity:.85}@media (max-width: 768px){.desktop-menu{display:none}.hamburger{display:flex}.page-wrap{padding-left:14px;padding-right:14px}.hero-card{padding:34px 22px 30px}.owner-name{font-size:1.45rem}.paw-hint{display:none}.note-detail{padding:20px 16px 28px}}@media (min-width: 769px){.mobile-menu{display:none}}