:root{--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in: cubic-bezier(.4,0,.2,1);--ease-smooth: cubic-bezier(.22,1,.36,1);--ease-bouncy: cubic-bezier(.18,.9,.22,1.08);--t-quick: .18s;--t-base: .34s;--t-slow: .72s;--ease-island: cubic-bezier(.22,.9,.2,1);--t-island: .46s;--glass-island: rgba(255,255,255,.65);--stroke-island: rgba(15,23,42,.10)}@media (prefers-color-scheme: dark){:root{--glass-island: rgba(10,14,25,.58);--stroke-island: rgba(255,255,255,.12)}}@media (prefers-color-scheme: light){:root{--glass-island: rgba(255,255,255,.72);--stroke-island: rgba(15,23,42,.10)}}:root{color-scheme:light dark;--bg:#0b1020;--text:#e7ecf3;--muted:#9db0c8;--glass:rgba(255,255,255,.08);--glass-strong:rgba(255,255,255,.14);--stroke:rgba(255,255,255,.20);--brand:#22d3ee;--brand-2:#60a5fa;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.40);--maxw:1120px}@media (prefers-color-scheme: light){:root{--bg:#f6f8fb;--text:#0f172a;--muted:#5b708d;--glass:rgba(255,255,255,.65);--glass-strong:rgba(255,255,255,.82);--stroke:rgba(15,23,42,.10);--shadow:0 10px 34px rgba(2,6,23,.10)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}.container{max-width:var(--maxw);margin:auto;padding:0 22px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:6px 10px;background:#fff;color:#000;border-radius:8px}.bg-img{position:fixed;inset:-6vmax;z-index:-3;background:url("/assets/img/ipados26-dark.png") center/cover fixed no-repeat;filter:blur(46px) brightness(0.78) saturate(118%) contrast(104%);transform:scale(1.12);will-change:filter, transform}@media (prefers-color-scheme: light){.bg-img{background-image:url("/assets/img/ipados26-light.png");filter:blur(38px) brightness(0.92) saturate(112%) contrast(102%)}}@media (orientation: portrait) and (prefers-color-scheme: dark){.bg-img{background-image:url("/assets/img/ios26-dark.png")}}@media (orientation: portrait) and (prefers-color-scheme: light){.bg-img{background-image:url("/assets/img/ios26-light.png")}}.bg-sheen{position:fixed;inset:-2vmax;z-index:-2;pointer-events:none;background:radial-gradient(1200px 800px at 12% 10%, rgba(255,255,255,0.1), transparent 60%),radial-gradient(1200px 800px at 88% 18%, rgba(255,255,255,0.08), transparent 60%),linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.15) 30%, transparent 60%);mix-blend-mode:screen}@media (prefers-color-scheme: light){.bg-sheen{background:radial-gradient(1200px 800px at 12% 10%, rgba(255,255,255,0.55), transparent 60%),radial-gradient(1200px 800px at 88% 18%, rgba(255,255,255,0.45), transparent 60%),linear-gradient(to bottom, rgba(255,255,255,0.85), rgba(255,255,255,0.55) 30%, transparent 60%);mix-blend-mode:normal}}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.site-header.island{position:sticky;top:12px;z-index:20;margin:12px auto;width:min(100% - 24px, var(--maxw));background:var(--glass-island);border-color:var(--stroke-island);--iInset: 0px;--iRadius: 18px;clip-path:inset(var(--iInset) round var(--iRadius));transition:clip-path var(--t-island) var(--ease-island),transform var(--t-island) var(--ease-island),padding var(--t-island) var(--ease-island),border-radius var(--t-island) var(--ease-island),background 0.28s var(--ease-out),box-shadow 0.34s var(--ease-out)}.site-header.island::after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;opacity:0;transform:translateX(-120%);background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.8) 50%, transparent 70%);filter:blur(6px);mix-blend-mode:screen}@media (prefers-color-scheme: dark){.site-header.island::after{background:linear-gradient(120deg, transparent 30%, color-mix(in oklab, #8bdcff, #fff 15%) 50%, transparent 70%);opacity:.0}}.site-header.island.flash::after{animation:islandFlash 0.9s var(--ease-island) both}@keyframes islandFlash{0%{opacity:.00;transform:translateX(-120%)}15%{opacity:.85}45%{opacity:.45}100%{opacity:0;transform:translateX(120%)}}.island-inner{padding:12px 14px;display:grid;gap:8px}.island-brand{display:flex;align-items:center;justify-content:center;position:relative}.brand{font-weight:760;letter-spacing:.3px;font-size:17px}.island-toggle{position:absolute;right:6px;top:4px;width:28px;height:28px;border-radius:999px;border:1px solid var(--stroke-island);background:color-mix(in oklab, var(--glass-island), #fff 8%);color:var(--text);display:flex;align-items:center;justify-content:center;transition:transform 0.22s var(--ease-out),background 0.22s var(--ease-out),border-color 0.22s var(--ease-out),opacity 0.22s var(--ease-out)}.island-toggle:hover{transform:scale(1.06)}.island-toggle.hint-up{transform:rotate(180deg)}.island-toggle.hint-down{transform:rotate(0deg)}.island-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;transition:opacity var(--t-base) var(--ease-out),max-height var(--t-base) var(--ease-out)}.nav-link{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:color-mix(in oklab, var(--glass), transparent 10%);color:var(--text);transition:transform var(--t-quick) var(--ease-out),background var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.nav-link:hover{transform:translateY(-1px);background:var(--glass-strong)}.nav-link.join{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#001018;border-color:transparent;font-weight:700}.island.compact{--iInset: 10px;--iRadius: 22px;transform:translateY(-6px) scale(0.9)}.island.compact .island-inner{padding:8px 12px}.island.compact .island-nav{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.island.expanded{--iInset: 0px;--iRadius: 18px;transform:translateY(0) scale(1)}.island.expanded .island-nav{opacity:1;max-height:160px}.page{padding:28px 0 40px}.title-wave{position:relative;margin:0;line-height:1.18;font-size:clamp(28px, 6vw, 46px);background:linear-gradient(95deg, var(--brand), var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.title-wave::after{content:"";position:absolute;inset:-6px -10px;pointer-events:none;background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.65) 50%, transparent 80%);background-size:200% 100%;filter:blur(6px);opacity:.55;mix-blend-mode:overlay;animation:shimmer 3.6s linear infinite}@keyframes shimmer{0%{background-position:-100% 0}100%{background-position:200% 0}}.ann-grid .card h3 a{position:relative;display:inline-block;background:linear-gradient(95deg, var(--brand), var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.ann-grid .card h3 a::after{content:"";position:absolute;inset:-4px -8px;pointer-events:none;background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,0.55) 50%, transparent 65%);background-size:200% 100%;filter:blur(4px);opacity:.35;mix-blend-mode:overlay;animation:shimmer 4.6s linear infinite}.hero{display:grid;gap:14px;padding:18px 0 8px}.hero .subtitle{color:var(--muted);margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid var(--stroke);color:var(--text);background:var(--glass-strong);transition:transform var(--t-quick) var(--ease-out),background var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#001018;border-color:transparent;font-weight:700}.btn:hover{transform:translateY(-1px)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));margin:18px 0 20px}.card{padding:18px;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--glass);box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform 0.28s var(--ease-bouncy),border-color var(--t-base) var(--ease-out),background var(--t-base) var(--ease-out)}.card:before{content:"";position:absolute;inset:-40% -40% auto auto;height:160%;width:140px;transform:rotate(35deg);background:linear-gradient(180deg, rgba(255,255,255,0.36), rgba(255,255,255,0));filter:blur(10px);opacity:.25;pointer-events:none}.card h3{margin:0 0 6px;font-size:18px}.card time{color:var(--muted);font-size:13px}.card p{margin:8px 0 0;color:var(--muted)}.card:hover{border-color:color-mix(in oklab, var(--stroke), #fff 20%)}.section-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));margin:12px 0 20px}.section-card{padding:18px}.post{padding:22px}.post-head{position:relative;padding-bottom:14px;margin-bottom:12px;border-bottom:1px dashed var(--stroke)}.post-title{margin:0;font-size:clamp(24px, 4.8vw, 38px)}.meta{color:var(--muted);font-size:14px;margin-top:6px}.tags em{font-style:normal;opacity:.9}.post-body{margin-top:10px}.post-body h2{margin-top:22px}.post-foot{margin-top:18px}.readbar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.readbar span{display:block;height:100%;width:0;background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:6px}.site-footer{margin:22px auto;width:min(100% - 24px, var(--maxw));padding:14px 16px}.foot-col{display:flex;flex-direction:column;align-items:center;gap:6px}.muted{color:var(--muted)}.reveal{opacity:0;transform:translateY(8px);transition:opacity 0.5s var(--ease-out),transform 0.55s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}#xfer-root{position:fixed;inset:0;z-index:60;pointer-events:none}.page-xfer{position:fixed;inset:0;--ox:50vw;--oy:50vh;--R:0px;clip-path:circle(0px at var(--ox) var(--oy));opacity:0;background:transparent;transition:clip-path var(--t-slow) var(--ease-smooth),opacity 0.28s var(--ease-out);will-change:clip-path, opacity}.page-xfer-img{position:absolute;inset:-6vmax;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(42px) brightness(0.82) saturate(118%) contrast(104%);transform:scale(1.1)}.page-xfer::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 900px at var(--ox) var(--oy), rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.12) 24%, rgba(255,255,255,0) 60%);mix-blend-mode:screen;opacity:.85;transition:opacity var(--t-slow) var(--ease-smooth)}.page-xfer.in{clip-path:circle(var(--R) at var(--ox) var(--oy));opacity:1}main.fade-out{opacity:.05;filter:blur(8px);transition:opacity 0.38s var(--ease-out),filter 0.38s var(--ease-out)}body.pre-enter main{opacity:0}body.enter main{opacity:1 !important;filter:none !important}body.enter .hero{animation:enterZoom 0.56s var(--ease-smooth) both}body.enter .post{animation:enterZoom 0.56s var(--ease-smooth) both}body.enter .post .post-body>*{animation:enterRise 0.48s var(--ease-out) both;animation-delay:calc(.04s * var(--i, 1))}body.enter .grid .card{animation:cardIn 0.62s var(--ease-bouncy) both;animation-delay:var(--d, 0ms)}@keyframes enterZoom{from{opacity:0;transform:translateY(10px) scale(0.96)}to{opacity:1;transform:none}}@keyframes enterRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:perspective(900px) translateY(16px) rotateX(6deg)}to{opacity:1;transform:perspective(900px) translateY(0) rotateX(0)}}.ann-grid.flip-out{transform:perspective(1200px) rotateX(8deg) translateY(30px);opacity:0;filter:blur(10px);transition:transform 0.46s var(--ease-bouncy),opacity 0.46s var(--ease-out),filter 0.46s var(--ease-out);transform-origin:50% 10%}.bg-sheen{will-change:transform}#modal-root{position:fixed;inset:0;z-index:70;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.32);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);opacity:0;transition:opacity 0.28s var(--ease-out)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.96);background:var(--glass-strong);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);padding:18px;width:min(420px, calc(100% - 32px));opacity:0;transition:opacity 0.28s var(--ease-out),transform 0.28s var(--ease-out)}.modal h3{margin:0 0 8px}.modal p{margin:0;color:var(--muted)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.modal .btn{border-radius:10px}.modal .btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#001018;border-color:transparent;font-weight:700}.modal.in{opacity:1;transform:translate(-50%, -50%) scale(1)}.modal-backdrop.in{opacity:1}.app-card .app-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.app-card .app-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--glass-strong);border:1px solid var(--stroke)}.app-card .app-icon.tg{background:linear-gradient(135deg, #17A9FD, #1D9BF0);color:white;border-color:transparent}.app-card .app-icon.sig{background:linear-gradient(135deg, #3A76F0, #0BA3FF);color:white;border-color:transparent}.figure-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.5rem}.figure-grid figure,.figure-single{margin:0}figure img{width:100%;height:auto}figcaption{margin-top:0.5rem;font-size:0.9rem;opacity:0.85;border-left:3px solid #e5e7eb;padding-left:0.6rem}.emoji-reactions{display:flex;gap:0.8rem;flex-wrap:wrap;align-items:center;margin:0.75rem 0 1.25rem;word-break:break-word;overflow-wrap:anywhere}.emoji-reactions .emoji img{width:1.25rem;height:1.25rem;vertical-align:text-bottom;margin-right:0.35rem}.post-body,.post-body p,.post-body a{word-break:break-word;overflow-wrap:anywhere}