*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#5cbcff}.blog-overlay a{color:inherit;text-decoration:none}.blog-overlay a.blog-link{color:#03c;text-decoration:underline}.blog-overlay h1,.blog-overlay h2,.blog-overlay h3,.blog-overlay p{overflow-wrap:anywhere}:root{--iooi-sky-background:radial-gradient(circle, #ffffff8c 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(circle, #ff8cc473 2px, transparent 2.5px) 11px 11px / 22px 22px, linear-gradient(180deg, #5cbcff 0%, #9bdcff 45%, #c9ecff 78%, #ffe1f0 100%)}.iooi-sky-clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.iooi-sky-clouds i{opacity:.85;filter:drop-shadow(0 4px #78beff59);background:#fff;border-radius:40px;width:120px;height:38px;animation:38s linear infinite iooiSkyCloud;position:absolute}.iooi-sky-clouds i:before,.iooi-sky-clouds i:after{content:"";background:#fff;border-radius:50%;position:absolute}.iooi-sky-clouds i:before{width:54px;height:54px;top:-26px;left:18px}.iooi-sky-clouds i:after{width:40px;height:40px;top:-16px;left:60px}.iooi-sky-clouds i:first-child{top:9%;left:-30%}.iooi-sky-clouds i:nth-child(2){animation-duration:52s;animation-delay:-20s;top:34%;left:-50%;transform:scale(.7)}.iooi-sky-clouds i:nth-child(3){animation-duration:45s;animation-delay:-32s;top:61%;left:-40%;transform:scale(1.15)}.iooi-sky-clouds i:nth-child(4){animation-duration:60s;animation-delay:-8s;top:84%;left:-30%;transform:scale(.8)}@keyframes iooiSkyCloud{0%{translate:0}to{translate:180vw}}@media (prefers-reduced-motion:reduce){.iooi-sky-clouds i{animation:none}.iooi-sky-clouds i:first-child{left:12%}.iooi-sky-clouds i:nth-child(2){left:72%}.iooi-sky-clouds i:nth-child(3){left:28%}.iooi-sky-clouds i:nth-child(4){left:65%}}.blog-overlay{--xp-blue:#0a5fe8;--xp-blue-dark:#0831d9;--xp-face:#fff6fb;--blog-pink:#ff5fa8;--blog-pink-soft:#ffd3e8;--blog-sky:#8fd3ff;--blog-ink:#2b2d52;--taskbar-height:42px;z-index:340;color:var(--blog-ink);background:var(--iooi-sky-background);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Tahoma,Verdana,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;animation:.28s ease-out blogOpen;display:flex;position:fixed;inset:0;overflow:hidden}.blog-overlay[data-editing=true]{top:var(--blog-viewport-top,0px);height:var(--blog-viewport-height,100dvh);bottom:auto}.blog-overlay[data-editing=true] .blog-scroll{scroll-behavior:auto}@keyframes blogOpen{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.blog-overlay button,.blog-overlay input,.blog-overlay textarea,.blog-overlay select{font:inherit;color:inherit}:where(.blog-overlay) button{cursor:pointer;background:0 0;border:0;padding:0}:where(.blog-overlay) button:disabled{cursor:default;opacity:.55}.blog-overlay :is(button,input,textarea,select):focus-visible{outline:2px dotted var(--blog-ink);outline-offset:2px}.blog-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:calc(env(safe-area-inset-top) + 12px) max(12px, env(safe-area-inset-right)) 20px max(12px, env(safe-area-inset-left));flex-direction:column;flex:auto;gap:14px;display:flex;position:relative;overflow-y:auto}.blog-scroll>*{flex-shrink:0}.xp-window{border:3px solid var(--xp-blue-dark);background:var(--xp-blue-dark);border-top:0;border-radius:9px 9px 4px 4px;position:relative;box-shadow:3px 4px #2b2d522e}.xp-titlebar{color:#fff;text-shadow:1px 1px #0a1d5c;background:linear-gradient(#3c95ff 0%,#0a5fe8 9%,#0055e5 18%,#0a63f6 45%,#0b5ff0 82%,#0350d8 92%,#0234b8 100%);border-radius:8px 8px 0 0;align-items:center;gap:6px;height:30px;margin:0 -3px;padding:0 5px 0 8px;display:flex}.xp-title-icon{width:17px;height:17px;color:var(--blog-pink);text-shadow:none;background:linear-gradient(#fff 0%,#ffd9ec 100%);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:11px;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.xp-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.xp-controls{flex:none;gap:2px;display:flex}.xp-btn{background:linear-gradient(#5d9bff 0%,#2765ec 55%,#1a4fd0 100%);border:1px solid #fff;border-radius:3px;width:21px;height:21px;display:block;position:relative;box-shadow:inset -1px -1px #0000002e}.xp-min:after{content:"";background:#fff;width:7px;height:3px;position:absolute;bottom:4px;left:5px}.xp-max:after{content:"";border:1px solid #fff;border-top-width:3px;position:absolute;inset:4px}.xp-close{background:linear-gradient(#f39a7f 0%,#e45a2f 50%,#c8381a 100%)}.xp-close:before,.xp-close:after{content:"";background:#fff;border-radius:1px;width:13px;height:2.4px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.xp-close:after{rotate:-45deg}.xp-body{background:var(--xp-face);border-radius:0 0 2px 2px;padding:12px;position:relative}.xp-button{color:#000;white-space:nowrap;background:linear-gradient(#fff 0%,#f4f4ef 60%,#dcdad0 100%);border:1px solid #003c74;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:4px 14px;font-size:13px;display:inline-flex;box-shadow:inset 0 -2px #0000000f}.xp-button:not(:disabled):active{background:linear-gradient(#dcdad0 0%,#f4f4ef 100%)}.blog-link{color:#03c;font-size:13px;text-decoration:underline}.blog-muted{color:#7a6f8f;font-size:12px;line-height:1.6}.blog-banner .xp-body{text-align:center;background:radial-gradient(circle,#ff5fa838 3px,#0000 3.5px) 0 0/18px 18px,linear-gradient(#fff 0%,#ffe8f4 100%);padding:20px 12px 16px;overflow:hidden}.blog-title{letter-spacing:1px;background:linear-gradient(90deg,#ff4f9a,#ff9a3c,#ffd84a,#58d68d,#3fa9ff,#a66bff,#ff4f9a) 0 0/200% 100%;color:#0000;-webkit-text-stroke:.4px #fff9;filter:drop-shadow(2px 2px #fff)drop-shadow(1px 1px #2b2d5240);-webkit-background-clip:text;background-clip:text;margin:0;font-size:25px;font-weight:900;animation:4s linear infinite blogRainbow}@keyframes blogRainbow{to{background-position:200% 0}}.blog-motto{color:#7c5aa6;margin:8px 0 0;font-size:13px}.blog-banner-star{width:18px;animation:1.6s steps(2,end) infinite blogTwinkle;position:absolute}.blog-banner-star-a{top:10px;left:10px}.blog-banner-star-b{width:14px;animation-delay:-.8s;bottom:10px;right:12px}@keyframes blogTwinkle{50%{opacity:.25;transform:scale(.8)}}.blog-ticker{background:#fff0f7;border:2px solid #fff;border-radius:15px;align-items:center;height:30px;display:flex;overflow:hidden;box-shadow:2px 3px #2b2d5224}.blog-ticker-tag{background:var(--blog-pink);color:#fff;flex:none;align-items:center;height:100%;padding:0 10px;font-size:12px;font-weight:700;display:flex}.blog-ticker-track{white-space:nowrap;flex:1;overflow:hidden}.blog-ticker-track span{color:#c2185b;padding-left:100%;font-size:13px;animation:16s linear infinite blogMarquee;display:inline-block}@keyframes blogMarquee{to{transform:translate(-100%)}}.blog-profile .xp-body{padding-top:14px}.blog-profile-kitty{pointer-events:none;width:28px;position:absolute;bottom:8px;left:12px}.blog-profile-row{align-items:flex-start;gap:12px;display:flex}.blog-profile-avatar{flex:none}.blog-avatar{background:linear-gradient(#d9f1ff,#ffe3f1);border:2px solid #fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #9ec5f0}.blog-avatar img{object-fit:cover;width:100%;height:100%}.blog-avatar svg{width:76%}.blog-profile-avatar .blog-avatar{width:84px;height:84px;box-shadow:0 0 0 1px #9ec5f0, 3px 3px 0 var(--blog-pink-soft);border-width:3px}.blog-profile-text{flex-direction:column;gap:4px;min-width:0;display:flex}.blog-profile-text b{color:var(--blog-pink);font-size:17px}.blog-profile-text p{color:#4b4470;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.55}.blog-profile-stats{color:#7a6f8f;font-size:12px}.blog-counter{color:#6c5a8e;border-top:1px dashed #f3b6d3;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.blog-counter-digits{gap:2px;display:inline-flex}.blog-counter-digits i{color:#ff3d6e;text-align:center;text-shadow:0 0 4px #ff3d6e;background:#1b1b1b;border-radius:2px;width:15px;padding:2px 0;font-family:Courier New,ui-monospace,monospace;font-size:14px;font-style:normal;font-weight:700;display:inline-block}.blog-sticker{color:#d6336c;pointer-events:none;background:#ffe14d;border:2px solid #fff;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;bottom:42px;right:-4px;rotate:8deg;box-shadow:1px 2px #2b2d5233}.blog-offline{color:#6b5200;background:#fff8c4;border:1px solid #e3b400;border-radius:4px;margin:0;padding:8px 10px;font-size:12px}.blog-section-head{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.blog-section-head h2{color:#fff;text-shadow:1px 1px 0 var(--blog-pink), -1px -1px 0 var(--blog-pink), 1px -1px 0 var(--blog-pink), -1px 1px 0 var(--blog-pink), 2px 3px 0 #2b2d5240;margin:0;font-size:16px}.blog-filter{border:1px dashed var(--blog-pink);color:#c2185b;background:#ffffffd9;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.blog-filter button{color:#03c;font-size:12px;text-decoration:underline}.blog-post-open{text-align:left;width:100%;display:block}.blog-post-card h3{color:var(--blog-pink);margin:0;font-size:16px;line-height:1.4}.blog-post-card h3:before{content:"♥ ";font-size:12px}.blog-post-meta{color:#7a6f8f;flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;font-size:11px;display:flex}.blog-post-excerpt{color:#3c3760;word-break:break-word;margin:8px 0 0;font-size:13.5px;line-height:1.7}.blog-post-foot{color:#7a6f8f;border-top:1px dotted #f3b6d3;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.blog-empty .xp-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;display:flex}.blog-empty p{color:#6c5a8e;margin:0}.blog-empty-heart{width:34px;animation:1.2s ease-in-out infinite blogBeat}@keyframes blogBeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}.blog-footer{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 0 4px;display:flex}.blog-footer p{color:#fff;text-align:center;text-shadow:1px 1px #2b2d5266;flex-basis:100%;margin:4px 0 0;font-size:12px}.blog-badge{border:1px solid #333;align-items:center;height:22px;padding:0 8px;font-family:Verdana,sans-serif;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #00000040}.blog-badge-pink{color:#fff;background:linear-gradient(#ffb6d9,#ff5fa8)}.blog-badge-blue{color:#fff;background:linear-gradient(#b6e3ff,#3b8bff)}.blog-badge-yellow{color:#8a4b00;background:linear-gradient(#fff7b0,#ffd84a)}.blog-back{margin-bottom:8px;display:inline-block}.blog-post-title{color:var(--blog-pink);margin:0;font-size:20px;line-height:1.4}.blog-post-content{color:#2f2a4f;white-space:pre-wrap;word-break:break-word;background:repeating-linear-gradient(#0000 0 27px,#fde2ef 27px 28px) content-box content-box,#fff;border:1px solid #f3cde0;border-radius:4px;margin-top:14px;padding:12px;font-size:15px;line-height:28px}.blog-post-tools{color:#7a6f8f;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.blog-guestbook .xp-body{flex-direction:column;gap:12px;display:flex}.blog-comments{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.blog-comment{align-items:flex-start;gap:10px;display:flex}.blog-comment>div{background:#fff;border:1px solid #f3cde0;border-radius:6px;flex:1;min-width:0;padding:8px 10px}.blog-comment.is-him>div{background:#f2f8ff;border-color:#b9d8ff}.blog-comment header{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-comment b{color:var(--blog-pink);font-size:13px}.blog-comment.is-him b{color:#1e5bd8}.blog-floor{color:#9a5b00;white-space:nowrap;background:#ffe9a8;border-radius:8px;padding:0 6px;font-size:10px}.blog-comment p{color:#2f2a4f;white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:14px;line-height:1.6}.blog-comment footer{color:#9a90ad;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.blog-comment footer .blog-link{font-size:11px}.blog-dots i{font-style:normal;animation:1.2s infinite blogDot}.blog-dots i:nth-child(2){animation-delay:.2s}.blog-dots i:nth-child(3){animation-delay:.4s}@keyframes blogDot{0%,60%,to{opacity:.2}30%{opacity:1}}.blog-ask{align-self:center}.blog-inline-heart{width:14px}.blog-compose{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.blog-overlay :is(.blog-compose textarea,.blog-field input,.blog-field textarea,.blog-notepad-title,.blog-notepad-meta select){color:#1d1d1d;appearance:none;background:#fff;border:1px solid #7f9db9;border-radius:0;width:100%;padding:7px 8px;font-size:16px}.blog-compose textarea,.blog-field textarea{resize:vertical;line-height:1.5}.blog-notepad .xp-body{background:#fff;flex-direction:column;gap:8px;padding:0 0 10px;display:flex}.blog-notepad-menu{color:#000;white-space:nowrap;background:#ece9d8;border-bottom:1px solid #d6d2c2;gap:12px;padding:4px 8px;font-size:12px;display:flex;overflow:hidden}.blog-overlay input.blog-notepad-title{box-sizing:border-box;width:calc(100% - 20px);margin:4px 10px 0;font-weight:700}.blog-notepad-meta{gap:10px;padding:0 10px;display:flex}.blog-notepad-meta label{color:#4b4470;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.blog-overlay .blog-notepad-meta select{background:linear-gradient(#fff,#f1f1f1);flex:1;min-width:0;padding:4px 6px;font-size:14px}.blog-notepad-text{height:clamp(120px, calc(var(--blog-viewport-height,100dvh) - 280px), 52vh);color:#111;resize:none;scroll-behavior:auto;background:#fff;border:1px solid #7f9db9;border-radius:0;min-height:120px;margin:0 10px;padding:8px;font-family:Courier New,ui-monospace,PingFang SC,monospace;font-size:16px;line-height:1.7;overflow-y:auto}.blog-notepad-foot{color:#6b6b6b;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.blog-notepad-photos{flex-wrap:wrap;gap:6px;padding:0 10px;display:flex}.blog-notepad-photo,.blog-notepad-add{background:#fff;border:1px solid #7f9db9;width:58px;height:58px;position:relative}.blog-notepad-photo img{object-fit:cover;width:100%;height:100%;display:block}.blog-notepad-photo button{color:#fff;background:#e2483d;border:1px solid #fff;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:15px;position:absolute;top:-6px;right:-6px}.blog-notepad-photo.is-uploading{background:#fff5fa;place-items:center;display:grid}.blog-notepad-photo.is-uploading i{color:var(--blog-pink);font-style:normal;animation:1.2s ease-in-out infinite blogBeat}.blog-notepad-add{border-style:dashed;border-color:var(--blog-pink);color:var(--blog-pink);background:#fff5fa;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.blog-notepad-add span{font-size:20px;line-height:1}.blog-thumbs{gap:6px;margin-top:8px;display:flex}.blog-thumb{width:64px;height:64px;box-shadow:1px 1px 0 var(--blog-pink-soft);background:#fff;border:1px solid #f3cde0;padding:3px;position:relative}.blog-thumb img{object-fit:cover;width:100%;height:100%;display:block}.blog-thumb b{color:#fff;background:#ff5fa88c;place-items:center;font-size:15px;display:grid;position:absolute;inset:3px}.blog-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-top:18px;padding:6px 4px 4px;display:grid}.blog-photos.is-single{grid-template-columns:minmax(0,78%);justify-content:center}.blog-polaroid{background:#fff;border:1px solid #eadfe6;padding:7px 7px 22px;transition:transform .15s ease-out;position:relative;transform:rotate(-2deg);box-shadow:2px 3px #2b2d521f}.blog-polaroid:nth-child(2n){transform:rotate(1.6deg)}.blog-polaroid:nth-child(3n){transform:rotate(-.8deg)}.blog-polaroid:active{transform:rotate(0)scale(.97)}.blog-polaroid img{aspect-ratio:1;object-fit:cover;background:#fdf3f8;width:100%;display:block}.blog-photos.is-single .blog-polaroid img{aspect-ratio:auto;object-fit:contain;max-height:70vh}.blog-polaroid:before{content:"";background:repeating-linear-gradient(45deg,#ff9fcabf 0 5px,#ffd2e6bf 5px 10px);width:46px;height:16px;margin-left:-23px;position:absolute;top:-8px;left:50%;transform:rotate(-4deg)}.blog-polaroid:nth-child(2n):before{background:repeating-linear-gradient(45deg,#96cdffbf 0 5px,#d2ecffbf 5px 10px);transform:rotate(5deg)}.blog-polaroid:after{content:"♥";color:var(--blog-pink);font-size:12px;position:absolute;bottom:3px;right:8px}.blog-popup.blog-viewer{width:min(100%,560px)}.blog-popup.blog-viewer .xp-body{background:#ece9d8;flex-direction:column;gap:8px;padding:6px;display:flex}.blog-viewer-stage{background:#fff;border:1px solid #7f9db9;place-items:center;min-height:200px;display:grid}.blog-viewer-stage img{object-fit:contain;max-width:100%;max-height:62vh;display:block}.blog-viewer-bar{color:#333;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}.blog-profile-editor .xp-body{background:#ece9d8;flex-direction:column;gap:10px;display:flex}.blog-profile-editor-avatar{align-items:center;gap:12px;display:flex}.blog-profile-editor-avatar .blog-avatar{width:72px;height:72px}.blog-profile-editor-avatar>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.blog-field{color:#222;flex-direction:column;gap:4px;font-size:12px;display:flex}.blog-dialog-buttons{justify-content:flex-end;gap:8px;display:flex}.blog-missing .xp-body{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.blog-missing p{margin:0}.blog-popup-layer{z-index:20;padding:16px 16px calc(var(--taskbar-height) + env(safe-area-inset-bottom) + 16px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-popup-scrim{background:#14285a2e;position:absolute;inset:0}.blog-popup{flex-direction:column;width:min(100%,360px);max-height:100%;animation:.18s ease-out blogPop;display:flex;position:relative}.blog-popup .xp-body{overflow-y:auto}@keyframes blogPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.blog-calendar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.blog-calendar-head .xp-button{min-width:36px;padding:4px 8px}.blog-calendar-head b{color:var(--blog-pink)}.blog-calendar table{border-collapse:collapse;text-align:center;width:100%;font-size:13px}.blog-calendar th{color:#fff;background:#5d8ff0;padding:4px 0;font-weight:400}.blog-calendar td{background:#fff;border:1px solid #f3dbe8;height:36px}.blog-calendar td span{color:#8a84a0}.blog-calendar td.is-today{background:#fff6c2}.blog-calendar td.has-post button{border:2px solid var(--blog-pink);color:#c2185b;background:#ffe3f1;border-radius:50%;width:30px;height:30px;font-weight:700}.blog-calendar .blog-muted{margin:8px 0 0}.blog-archive ul{margin:0;padding:0;list-style:none}.blog-archive button{color:#03c;text-align:left;border-bottom:1px dotted #f3b6d3;align-items:center;gap:8px;width:100%;padding:9px 4px;display:flex}.blog-archive em{color:#7a6f8f;margin-left:auto;font-size:12px;font-style:normal}.blog-taskbar{z-index:30;height:calc(var(--taskbar-height) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background-color:#245edb;background-image:linear-gradient(#3f8cf3 0%,#245edb 9% 85%,#1941a5 100%);border-top:1px solid #0c2f99;flex:none;align-items:center;gap:6px;display:flex;position:relative;box-shadow:inset 0 1px #5ea0ff}.blog-start{height:var(--taskbar-height);color:#fff;text-shadow:1px 1px 1px #00000080;background-color:#2f8a2f;background-image:linear-gradient(#5eb95e 0%,#3c9b3c 12%,#2f8a2f 85%,#1f6b1f 100%);border-radius:0 14px 14px 0;flex:none;align-items:center;gap:5px;padding:0 18px 0 10px;font-size:18px;font-style:italic;font-weight:800;display:flex;box-shadow:inset -2px 0 3px #0000004d,inset 0 1px #ffffff80,2px 0 3px #00000040}.blog-overlay .blog-start{color:#fff}.blog-start.is-open{filter:brightness(.88)}.blog-start-flag{filter:drop-shadow(1px 1px #00000059);width:22px}.blog-task{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#2459d4 linear-gradient(#1e4ec2,#2a62da);border:1px solid #0c2f99;border-radius:3px;flex:1;align-items:center;gap:6px;min-width:0;height:30px;padding:0 10px;font-size:12px;display:flex;overflow:hidden;box-shadow:inset 1px 1px 2px #00000059}.blog-task span{color:#ffb3d6}.blog-tray{height:var(--taskbar-height);color:#fff;background-color:#0b78d3;background-image:linear-gradient(#13a0f3 0%,#0d8fe3 12%,#0b78d3 100%);border-left:1px solid #0b3fb0;flex:none;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;display:flex;box-shadow:inset 1px 0 1px #2bb3ff}.blog-tray-sound{font-size:13px}.blog-tray-sound.is-playing{font-size:16px;animation:1.2s ease-in-out infinite blogBeat;color:#fff!important}.blog-start-scrim{z-index:24;position:absolute;inset:0}.blog-start-menu{left:0;bottom:calc(var(--taskbar-height) + env(safe-area-inset-bottom));z-index:25;background:#fff;border:2px solid #1a4fd0;border-bottom:0;border-radius:8px 8px 0 0;width:min(330px,100vw - 16px);animation:.16s ease-out blogStart;position:absolute;overflow:hidden;box-shadow:4px -2px 10px #0000004d}@keyframes blogStart{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.blog-start-user{color:#fff;text-shadow:1px 1px 1px #0006;background:linear-gradient(#1e6ff2 0%,#2c79f6 30%,#1556dc 100%);align-items:center;gap:10px;padding:8px 10px;font-size:15px;display:flex}.blog-start-user .blog-avatar{border-color:#fff;width:44px;height:44px}.blog-start-columns{border-top:2px solid #f39a3c;grid-template-columns:1fr 1fr;display:grid}.blog-start-left,.blog-start-right{flex-direction:column;padding:6px 0;display:flex}.blog-start-right{background:#d3e5fa;border-left:1px solid #95bdee}.blog-start-columns button{color:#000;text-align:left;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.blog-start-columns button:active{color:#fff;background:#316ac5}.blog-start-columns button span{font-size:18px}.blog-start-foot{background:linear-gradient(#4282ee,#1d55d6);justify-content:flex-end;padding:6px 10px;display:flex}.blog-start-foot button{color:#fff;align-items:center;gap:6px;font-size:13px;display:flex}.blog-power{background:linear-gradient(#f39a7f,#d24b25);border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:inline-flex}.blog-sparkle{z-index:60;pointer-events:none;position:fixed}.blog-sparkle i{color:#ffd84a;text-shadow:0 0 4px #fff;font-size:14px;font-style:normal;animation:.9s ease-out forwards blogSparkle;position:absolute;top:0;left:0}.blog-sparkle i:nth-child(2){color:#ff7eb6;--dx:-26px;--dy:-22px}.blog-sparkle i:nth-child(3){color:#ff4f9a;--dx:24px;--dy:-26px;font-size:11px}.blog-sparkle i:nth-child(4){color:#7cc8ff;--dx:4px;--dy:26px}@keyframes blogSparkle{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--dx,20px)), calc(-50% + var(--dy,20px))) scale(1.2) rotate(40deg)}}.blog-toast{left:50%;bottom:calc(var(--taskbar-height) + env(safe-area-inset-bottom) + 14px);z-index:40;color:#222;background:#ffffe1;border:1px solid #a8a37c;border-radius:6px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 12px;font-size:13px;display:flex;position:absolute;translate:-50%;box-shadow:2px 3px 6px #00000040}.blog-loading{z-index:50;background:radial-gradient(circle,#ff8cc473 2px,#0000 2.5px) 0 0/22px 22px,#fff0f7;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.blog-loading b{color:var(--blog-pink);letter-spacing:6px;text-shadow:2px 2px #ffd3e8;font-family:Courier New,ui-monospace,monospace;font-size:26px}.blog-loading-hearts{gap:8px;display:flex}.blog-loading-hearts svg{opacity:.15;width:30px;animation:.9s step-end forwards blogFill}.blog-loading-hearts svg:nth-child(2){animation-delay:.2s}.blog-loading-hearts svg:nth-child(3){animation-delay:.4s}.blog-loading-hearts svg:nth-child(4){animation-delay:.6s}@keyframes blogFill{to{opacity:1}}.blog-scroll.is-him{--blog-pink:#2f7de1;--blog-pink-soft:#cfe4ff}.blog-scroll.is-him .blog-comment.is-her b{color:#ff5fa8}.blog-scroll.is-him .blog-post-foot,.blog-scroll.is-him .blog-counter{border-color:#b9d8ff}.blog-new{color:#fff;vertical-align:2px;background:#ff2d55;border-radius:3px;margin-left:6px;padding:0 4px;font-family:Verdana,sans-serif;font-size:9px;font-style:normal;font-weight:700;line-height:14px;animation:1s step-end infinite blogBlink;display:inline-block}@keyframes blogBlink{50%{opacity:.35}}.blog-friend-row{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.blog-friend-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.blog-friend-text b{color:#1e5bd8;font-size:14px}.blog-friend-text span{color:#4b4470;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.blog-friend-text time{color:#9a90ad;font-size:11px}.blog-friend-go{color:#03c;flex:none;font-size:12px;text-decoration:underline}.blog-post-author{color:#1e5bd8;align-items:center;gap:6px;margin:6px 0 0;font-size:12px;font-weight:700;display:flex}.blog-post-author .blog-avatar{border-width:1px;border-radius:4px;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.blog-overlay *,.blog-overlay{animation-duration:1ms!important;animation-iteration-count:1!important}}.blog-overlay a.xp-button{color:#000;text-decoration:none}.blog-overlay .blog-post-open{color:inherit}:root{--blog-wall-sakura:radial-gradient(circle, #fff9 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(circle, #ff5fa859 2px, transparent 2.5px) 11px 11px / 22px 22px, linear-gradient(180deg, #ffb3d4 0%, #ffd0e4 45%, #ffe6f1 78%, #fff5e6 100%);--blog-wall-lavender:radial-gradient(circle, #ffffff8c 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(circle, #9b5de54d 2px, transparent 2.5px) 11px 11px / 22px 22px, linear-gradient(180deg, #b9a4f2 0%, #d3c4fa 45%, #e9e0ff 78%, #ffe1f0 100%);--blog-wall-night:radial-gradient(circle, #ffffffe6 1px, transparent 1.6px) 0 0 / 34px 34px, radial-gradient(circle, #ffd84ad9 1.4px, transparent 2px) 17px 17px / 34px 34px, linear-gradient(180deg, #1b2457 0%, #2c3a7a 55%, #5a4f8f 85%, #8a6aa8 100%)}.blog-overlay[data-wallpaper=sakura]{background:var(--blog-wall-sakura)}.blog-overlay[data-wallpaper=lavender]{background:var(--blog-wall-lavender)}.blog-overlay[data-wallpaper=night]{background:var(--blog-wall-night)}.blog-overlay[data-theme=blue]{--blog-pink:#2f7de1;--blog-pink-soft:#cfe4ff;--blog-deep:#1e5bd8;--blog-pale:#f0f7ff}.blog-overlay[data-theme=purple]{--blog-pink:#9b5de5;--blog-pink-soft:#e6d6ff;--blog-deep:#6a35b5;--blog-pale:#f7f1ff}.blog-overlay[data-theme=mint]{--blog-pink:#1fae8c;--blog-pink-soft:#c8f2e6;--blog-deep:#137a62;--blog-pale:#effbf7}.blog-overlay:not([data-theme=pink]) :is(.blog-post-foot,.blog-counter,.blog-archive button,.blog-friend-list>*+*,.blog-settings-list li){border-color:var(--blog-pink-soft)}.blog-overlay:not([data-theme=pink]) .blog-banner .xp-body{background:radial-gradient(circle, color-mix(in srgb, var(--blog-pink) 22%, transparent) 3px, transparent 3.5px) 0 0 / 18px 18px, linear-gradient(180deg, #fff 0%, var(--blog-pale) 100%)}.blog-overlay:not([data-theme=pink]) .blog-ticker{background:var(--blog-pale)}.blog-overlay:not([data-theme=pink]) :is(.blog-ticker-track span,.blog-filter,.blog-calendar td.has-post button){color:var(--blog-deep)}.blog-overlay:not([data-theme=pink]) .blog-calendar td.has-post button{background:var(--blog-pale)}.blog-overlay:not([data-theme=pink]) .blog-calendar td,.blog-overlay:not([data-theme=pink]) :is(.blog-post-content,.blog-comment.is-her>div,.blog-thumb){border-color:var(--blog-pink-soft)}.blog-overlay:not([data-theme=pink]) .blog-post-content{background:repeating-linear-gradient(180deg, transparent 0 27px, var(--blog-pale) 27px 28px) content-box, #fff}.blog-overlay:not([data-theme=pink]) .blog-loading b{text-shadow:2px 2px 0 var(--blog-pink-soft)}.blog-page{flex-direction:column;flex:1 0 auto;gap:14px;width:100%;max-width:1080px;margin:0 auto;display:flex}.blog-columns,.blog-side,.blog-main{flex-direction:column;gap:14px;min-width:0;display:flex}.blog-desk-only{display:none}.blog-narrow{flex-direction:column;gap:14px;width:100%;max-width:720px;margin:0 auto;display:flex}@media (min-width:900px){.blog-scroll{padding-top:calc(env(safe-area-inset-top) + 20px)}.blog-columns{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.blog-desk-only{display:block}.blog-side .blog-profile-row{text-align:center;flex-direction:column;align-items:center}.blog-side .blog-profile-text{align-items:center}}.blog-wait{color:#fff;text-align:center;text-shadow:1px 1px #2b2d5266;margin:40px 0;font-size:14px}.blog-scroll .blog-popup-layer{position:fixed}.blog-ai-tag{color:#fff;vertical-align:2px;background:linear-gradient(#5d9bff,#1a4fd0);border-radius:3px;margin-left:5px;padding:0 4px;font-family:Verdana,sans-serif;font-size:9px;font-style:normal;font-weight:700;line-height:14px;display:inline-block}.blog-vis{color:#7c5aa6}.blog-home-link{width:fit-content;margin:8px 0 0;display:block}.blog-friend-list{flex-direction:column;display:flex}.blog-friend-list>*+*{border-top:1px dotted #f3b6d3;margin-top:10px;padding-top:10px}.blog-overlay .blog-field select,.blog-overlay .blog-select{color:#1d1d1d;background:linear-gradient(#fff,#f1f1f1);border:1px solid #7f9db9;border-radius:0;width:100%;padding:6px 8px;font-size:16px}.blog-overlay .blog-field :is(input,textarea):disabled{color:#8a8a8a;background:#f4f4f0}.blog-group{border:1px solid #d0d0bf;border-radius:3px;flex-direction:column;gap:10px;margin:0;padding:8px 10px 10px;display:flex}.blog-group legend{color:#0046d5;padding:0 4px;font-size:12px}.blog-swatches{flex-wrap:wrap;gap:6px;display:flex}.blog-swatch{color:#222;border-radius:3px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:12px;display:inline-flex;background:linear-gradient(#fff,#f1f1f1)!important;border:1px solid #7f9db9!important}.blog-swatch[aria-checked=true]{box-shadow:0 0 0 1px #316ac5,inset 0 0 0 1px #316ac5;background:#e8f0ff!important}.blog-swatch i{border:1px solid #fff;border-radius:3px;width:20px;height:20px;display:block;box-shadow:0 0 0 1px #9ec5f0}.blog-wall-chip[data-wallpaper=sky]{background:var(--iooi-sky-background)}.blog-wall-chip[data-wallpaper=sakura]{background:var(--blog-wall-sakura)}.blog-wall-chip[data-wallpaper=lavender]{background:var(--blog-wall-lavender)}.blog-wall-chip[data-wallpaper=night]{background:var(--blog-wall-night)}.blog-checks{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.blog-checks label{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.blog-overlay .blog-checks input[type=checkbox]{appearance:auto;accent-color:#316ac5;width:15px;height:15px;margin:0;padding:0}.blog-id{color:#222;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.blog-id code,.blog-code{color:#111;word-break:break-all;background:#fff;border:1px solid #7f9db9;padding:2px 6px;font-family:Courier New,ui-monospace,monospace;font-size:13px}.blog-code{padding:6px 8px;display:block}.blog-details summary{cursor:pointer;width:fit-content;list-style:none}.blog-details summary::-webkit-details-marker{display:none}.blog-details form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.blog-settings-list ul{margin:0;padding:0;list-style:none}.blog-settings-list li{border-bottom:1px dotted #f3b6d3;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;display:flex}.blog-settings-list li:last-child{border-bottom:0}.blog-settings-list li>span{grid-template-columns:auto minmax(0,1fr);column-gap:8px;min-width:0;display:grid}.blog-settings-list li>span>span{grid-row:span 2;font-size:18px}.blog-settings-list li b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.blog-settings-list li small{color:#7a6f8f;font-size:11px}.blog-scopes{color:#222;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.blog-profile-editor>.xp-body>p{margin:0;font-size:13px;line-height:1.6}.blog-notepad-hint{margin:0;padding:0 10px}.blog-auth{max-width:440px;margin:auto}.blog-auth-form{flex-direction:column;gap:10px;display:flex}.blog-auth-form .blog-muted{margin:0}.blog-auth-links{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0;display:flex}.blog-alert,.blog-note{color:#6b5200;background:#fff8c4;border:1px solid #e3b400;border-radius:4px;margin:0;padding:6px 8px;font-size:12px}.blog-note{color:#2c5e22;background:#e8f7e4;border-color:#7cc36b}.blog-entrance{z-index:400}.blog-overlay{animation:none}.blog-entrance.is-replay{animation:.28s ease-out blogOpen}.blog-entrance .blog-loading{cursor:pointer}.blog-entrance .blog-loading-hearts svg:first-child{animation-delay:calc(0s - var(--blog-entrance-elapsed,0s))}.blog-entrance .blog-loading-hearts svg:nth-child(2){animation-delay:calc(.2s - var(--blog-entrance-elapsed,0s))}.blog-entrance .blog-loading-hearts svg:nth-child(3){animation-delay:calc(.4s - var(--blog-entrance-elapsed,0s))}.blog-entrance .blog-loading-hearts svg:nth-child(4){animation-delay:calc(.6s - var(--blog-entrance-elapsed,0s))}.blog-control .xp-body{flex-direction:column;gap:10px;display:flex}.blog-control-head{color:#1e5bd8;margin:0;font-size:15px;font-weight:700}.blog-control-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:560px){.blog-control-grid{grid-template-columns:1fr 1fr}}.blog-overlay .blog-control-item{color:inherit;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.blog-overlay .blog-control-item:hover,.blog-overlay .blog-control-item:focus-visible{background:#e8f2ff;border-color:#9ec5f0;outline:none}.blog-control-icon{background:linear-gradient(180deg, #fff, var(--blog-pink-soft));border:2px solid #fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex;box-shadow:0 0 0 1px #9ec5f0,2px 2px #2b2d521f}.blog-control-item[data-panel=close] .blog-control-icon{color:#c62f00;background:linear-gradient(#fff,#ffd2c4);font-weight:800}.blog-control-text{flex-direction:column;gap:2px;min-width:0;display:flex}.blog-control-text b{color:#03c;font-size:14px;text-decoration:underline}.blog-control-text small{color:#7a6f8f;font-size:12px}.blog-panel-back{width:fit-content}.blog-warning{color:#222;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;display:flex}.blog-warning ul{margin:6px 0 0;padding-left:18px}.blog-warning-icon{clip-path:polygon(50% 0,100% 100%,0 100%);color:#000;background:linear-gradient(#ffe46b,#f5b800);flex:none;justify-content:center;align-items:flex-end;width:34px;height:30px;padding-bottom:2px;font-size:18px;font-weight:900;line-height:1;display:inline-flex}.blog-close-sure{color:#222;align-items:center;gap:6px}.blog-overlay .xp-button.blog-danger:not(:disabled){color:#b22200;border-color:#a32100;font-weight:700}.blog-overlay .xp-button:disabled{color:#9a9a9a}.blog-post-card .blog-post-author{margin:0 0 6px}.blog-post-author-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.blog-post-author .blog-friend-go{font-weight:400}.blog-balloon{left:8px;bottom:calc(var(--taskbar-height) + env(safe-area-inset-bottom) + 12px);z-index:26;color:#222;background:#ffffe1;border:1px solid #000;border-radius:8px;width:min(260px,100vw - 24px);padding:8px 26px 9px 10px;animation:.25s ease-out .4s both blogBalloon;position:absolute;box-shadow:2px 3px 6px #0000004d}.blog-balloon:before,.blog-balloon:after{content:"";border-style:solid;border-color:#0000;position:absolute;left:30px}.blog-balloon:before{border-width:13px 13px 0 0;border-top-color:#000;bottom:-13px}.blog-balloon:after{border-width:11px 11px 0 0;border-top-color:#ffffe1;bottom:-11px;left:31px}.blog-balloon b{align-items:center;gap:6px;font-size:12px;display:flex}.blog-balloon b span{color:#fff;background:#1c5fd6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:Georgia,serif;font-size:11px;font-style:italic;display:inline-flex}.blog-balloon p{margin:4px 0 0;font-size:12px;line-height:1.5}.blog-overlay .blog-balloon-close{color:#444;cursor:pointer;background:#fff;border:1px solid #8a8a8a;border-radius:3px;width:16px;height:16px;padding:0;font-size:12px;line-height:12px;position:absolute;top:4px;right:5px}@keyframes blogBalloon{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.blog-friend-item{align-items:center;gap:8px;display:flex}.blog-friend-item>.blog-friend-row{flex:1;min-width:0}.blog-friend-actions{flex:none;gap:6px;display:flex}.blog-overlay .blog-friend-actions .xp-button{min-width:0;padding:3px 10px;font-size:12px}.blog-overlay .blog-friend-remove{color:#9a90ad;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.blog-more{width:fit-content;margin:10px 0 0 auto;font-size:12px;display:block}.blog-add-friend-form{flex-direction:column;gap:8px;display:flex}.blog-add-friend .blog-friend-list{margin-top:6px}.blog-start{position:relative}.blog-dot{color:#fff;text-align:center;min-width:16px;text-shadow:none;background:#ff2d55;border:1px solid #fff;border-radius:8px;margin-left:6px;padding:0 4px;font-family:Verdana,sans-serif;font-size:10px;font-style:normal;font-weight:700;line-height:14px;display:inline-block;box-shadow:0 1px 2px #00000059}.blog-start .blog-dot{margin:0;position:absolute;top:2px;right:4px}.blog-start-columns button .blog-dot{font-size:10px}.blog-visitor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;display:grid}.blog-visitor{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.blog-visitor .blog-avatar{width:46px;height:46px}.blog-visitor b{color:#1e5bd8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.blog-visitor b .blog-ai-tag{margin-left:2px}.blog-visitor time{color:#9a90ad;font-size:11px}