:root{--brand: #35bfab;--brand-2: #1fc9e7;--primary: #334f52;--secondary: #7b888e;--card: rgba(255, 255, 255, .56);--card-strong: rgba(255, 255, 255, .72);--border: rgba(255, 255, 255, .85);--radius: 22px;--display: "Averia Gruesa Libre", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.bfc-cursor-on,html.bfc-cursor-on *{cursor:none!important}.bfc-root{z-index:2147483647;pointer-events:none;opacity:0;transition:opacity .22s;position:fixed;top:0;left:0}.bfc-root.bfc-shown{opacity:1}.bfc-trail{pointer-events:none;position:fixed;top:0;left:0}.bfc-trail-empty .bfc-trail{visibility:hidden}.bfc-notes{position:absolute;top:0;left:0}.bfc-note{background:linear-gradient(165deg,#ffe3a0 12%,#f3c45d 55%,#c99433);color:transparent;filter:drop-shadow(0 0 6px rgba(255,200,110,.55)) drop-shadow(0 1px 2px rgba(0,0,0,.3));pointer-events:none;user-select:none;-webkit-user-select:none;will-change:transform,opacity;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,Songti SC,serif;font-weight:700;line-height:1;position:absolute;top:0;left:0}.bfc-pos{will-change:transform;position:absolute;top:0;left:0}.bfc-tilt{will-change:transform}.bfc-fly{aspect-ratio:66 / 54;filter:drop-shadow(0 0 7px rgba(255,200,110,.5)) drop-shadow(0 1px 3px rgba(0,0,0,.35));width:34px;margin-top:-14px;margin-left:-17px;transition:transform .12s;transform:scale(1)}.bfc-press .bfc-fly{transform:scale(.8)}.bfc-bob{width:100%;height:100%;animation:1.5s ease-in-out infinite bfc-bob}.bfc-idle .bfc-bob{animation-duration:2.6s}.bfc-svg,.bfc-svg svg{width:100%;height:100%;display:block;overflow:visible}.bfc-svg #bfc-wing-left,.bfc-svg #bfc-wing-right{transform-box:fill-box;animation-duration:.24s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bfc-svg #bfc-wing-left{transform-origin:100%;animation-name:bfc-flap-left}.bfc-svg #bfc-wing-right{transform-origin:0%;animation-name:bfc-flap-right}@keyframes bfc-flap-left{0%,to{transform:rotateY(8deg)}50%{transform:rotateY(58deg)}}@keyframes bfc-flap-right{0%,to{transform:rotateY(-8deg)}50%{transform:rotateY(-58deg)}}.bfc-idle #bfc-wing-left,.bfc-idle #bfc-wing-right{animation-duration:.6s}.bfc-rest .bfc-bob,.bfc-rest #bfc-wing-left,.bfc-rest #bfc-wing-right{animation:none}.bfc-rest #bfc-wing-left{transform:rotateY(8deg)}.bfc-rest #bfc-wing-right{transform:rotateY(-8deg)}.bfc-press #bfc-wing-left,.bfc-press #bfc-wing-right{animation-duration:.12s}@keyframes bfc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@media(prefers-reduced-motion:reduce){.bfc-svg #bfc-wing-left,.bfc-svg #bfc-wing-right,.bfc-bob{animation:none}}@media(pointer:coarse){.bfc-root{display:none}}body{margin:0;min-height:100vh;color:var(--primary);font-family:var(--body);font-size:15.5px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(640px 420px at 88% 6%,rgba(53,191,171,.28),transparent 66%),radial-gradient(720px 520px at 4% 96%,rgba(31,201,231,.18),transparent 62%),radial-gradient(520px 380px at 55% 45%,rgba(255,255,255,.5),transparent 70%),linear-gradient(160deg,#f3faf7,#ecf3ef 46%,#e8edeb)}.page{max-width:1080px;margin:0 auto;padding:34px 26px 40px}.card{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 10px 32px #334f5212}.card-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--secondary);margin:0 0 10px}.chip{font-family:var(--mono);font-size:11px;color:var(--primary);border:1px solid rgba(51,79,82,.18);background:#ffffff80;border-radius:999px;padding:2px 10px;white-space:nowrap}.bento{display:grid;gap:18px;grid-template-columns:288px 1.2fr .95fr;grid-template-areas:"profile greeting clock" "profile random calendar" "profile music music"}.bento .profile{grid-area:profile}.bento .greeting{grid-area:greeting}.bento .clock-card{grid-area:clock}.bento .music-card{grid-area:music}.bento .calendar-card{grid-area:calendar}.bento .random-card{grid-area:random}.profile{display:flex;flex-direction:column}.profile .avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px #334f5229}.profile h1{font-family:var(--display);font-weight:500;font-size:1.65rem;margin:18px 0 6px;letter-spacing:.01em}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;color:var(--secondary);border:1px solid rgba(51,79,82,.15);background:#ffffff8c;border-radius:999px;padding:3px 12px;width:fit-content}.status i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.menu{display:flex;flex-direction:column;gap:4px;margin-top:20px}.menu a{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:13px;font-size:14.5px;transition:background .15s,transform .15s}.menu a:hover{background:var(--card-strong);transform:translate(3px)}.menu .arr{font-family:var(--mono);font-size:12px;color:var(--secondary)}.profile .foot-note{margin-top:auto;padding-top:22px;font-family:var(--mono);font-size:10.5px;color:var(--secondary);opacity:.75}.greeting{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.greet-row{display:flex;align-items:center;gap:18px}.greet-row .avatar-sm{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px #334f5229;flex:none}.greet-time{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--brand);margin:0}.greet-row h2{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3.2vw,2rem);margin:2px 0 0;line-height:1.25}.greet-sub{margin:2px 0 0;color:var(--secondary);font-size:14px}.social{display:flex;gap:12px}.social a,.social button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:13px;background:#ffffff9e;border:1px solid var(--border);color:var(--primary);transition:transform .15s,color .15s}.social a:hover,.social button:hover{transform:translateY(-3px);color:var(--brand)}.social svg{width:19px;height:19px}.clock{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0 4px}.digit{position:relative;width:25px;height:47px}.seg{position:absolute;background:var(--primary);border-radius:3px;opacity:.1;transition:opacity .15s}.seg.on{opacity:1;box-shadow:0 0 10px #35bfab66}.seg-a,.seg-g,.seg-d{left:13%;width:74%;height:11%}.seg-a{top:0}.seg-g{top:44.5%}.seg-d{bottom:0}.seg-f,.seg-b,.seg-e,.seg-c{width:11%;height:42%}.seg-f{top:7%;left:1%}.seg-b{top:7%;right:1%}.seg-e{bottom:7%;left:1%}.seg-c{bottom:7%;right:1%}.colon{font-family:var(--mono);font-size:29px;font-weight:700;line-height:45px;color:var(--brand);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.cal-head{display:flex;align-items:center;gap:15px;margin-bottom:10px}.cal-big{font-family:var(--display);font-size:2.5rem;line-height:1;color:var(--brand)}.cal-head p{margin:0;font-size:14px;color:var(--secondary)}.cal-head .ym{font-family:var(--display);font-size:1.1rem;color:var(--primary);margin-bottom:2px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:12.5px}.cal-grid .wd{font-family:var(--mono);font-size:10px;color:var(--secondary);padding-bottom:4px}.cal-cell{padding:3px 0;border-radius:8px}.cal-cell.dim{opacity:.35}.cal-cell.today{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px #35bfab73}.random-card h3{font-family:var(--display);font-weight:500;font-size:1.3rem;margin:0 0 8px;line-height:1.35}.random-card h3 a:hover{color:var(--brand)}.random-card .desc{color:var(--secondary);font-size:14px;margin:0 0 14px}.random-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.shuffle{font-family:var(--mono);font-size:12px;color:var(--primary);background:#ffffff9e;border:1px solid var(--border);border-radius:999px;padding:7px 16px;transition:transform .2s,color .15s}.shuffle:hover{color:var(--brand);transform:rotate(-8deg) scale(1.04)}.music-card{display:flex;align-items:center;gap:20px}.disc-wrap{position:relative;flex:none}.disc{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 20px #334f5233}.disc img{width:100%;height:100%;object-fit:cover;display:block}.note-disc{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--brand),var(--brand-2))}.note-disc svg{width:34px;height:34px;color:#fff}.disc-wrap:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px var(--brand)}.playing .disc{animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.music-info{flex:1;min-width:0}.music-info h3{font-family:var(--display);font-weight:500;font-size:1.25rem;margin:0}.music-info .artist{font-size:13.5px;color:var(--secondary);font-weight:400}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;background:linear-gradient(to right,var(--brand) var(--fill, 0%),rgba(51,79,82,.15) var(--fill, 0%));outline:none;display:block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-shadow:0 2px 6px #334f5240}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--brand);border:2px solid #fff}.music-ctrl{display:flex;align-items:center;gap:12px;margin-top:12px}.music-ctrl span{font-family:var(--mono);font-size:11px;color:var(--secondary)}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:var(--brand);color:#fff;box-shadow:0 6px 16px #35bfab73;transition:transform .15s}.play-btn:hover{transform:scale(1.07)}.play-btn svg{width:16px;height:16px}.foot{text-align:center;font-family:var(--mono);font-size:11px;color:var(--secondary);opacity:.8;padding:34px 0 6px}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,14px);padding:10px 20px;border-radius:999px;background:#334f52eb;color:#fff;font-size:13px;box-shadow:0 8px 24px #334f5240;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}.subpage{max-width:860px;margin:0 auto;padding:34px 26px 40px}.back{font-family:var(--mono);font-size:12px;color:var(--secondary)}.back:hover{color:var(--brand)}.subpage>h1,.page-title{font-family:var(--display);font-weight:500;font-size:2.2rem;margin:18px 0 6px}.page-sub{color:var(--secondary);margin:0 0 26px;font-size:14.5px}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.proj-card h2{font-family:var(--display);font-weight:500;font-size:1.35rem;margin:0 0 8px;transition:color .15s}.proj-card:hover h2{color:var(--brand)}.proj-card .desc{color:var(--secondary);font-size:14px;margin:0 0 14px}.proj-card .chips{display:flex;flex-wrap:wrap;gap:6px}.proj-card .more{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--brand)}.article{padding-top:10px}.article h1{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.3;margin:20px 0 10px}.article .tagline{color:var(--secondary);max-width:40em;margin:0 0 20px}.article .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 0 22px;border-top:1px solid rgba(51,79,82,.12);border-bottom:1px solid rgba(51,79,82,.12);font-size:13px;color:var(--secondary)}.prose{max-width:42em;padding-top:8px}.prose h2{font-family:var(--display);font-weight:500;font-size:1.25rem;margin:36px 0 10px}.prose p{margin:0 0 14px;color:var(--primary)}.prose ul{padding-left:20px;margin:0 0 16px}.prose li{margin-bottom:8px}.prose strong{font-weight:600}.prose code{font-family:var(--mono);font-size:.86em;background:#ffffffb8;border:1px solid rgba(51,79,82,.1);padding:1px 6px;border-radius:6px}.prose a{color:var(--brand);border-bottom:1px solid rgba(53,191,171,.4)}.prose a:hover{border-bottom-color:var(--brand)}@media(max-width:1020px){.bento{grid-template-columns:1fr;grid-template-areas:"profile" "greeting" "clock" "calendar" "random" "music"}.proj-grid{grid-template-columns:1fr}}@media(max-width:640px){.page,.subpage{padding:22px 16px 30px}.card{padding:20px}.digit{width:26px;height:50px}.colon{font-size:30px;line-height:47px}}