*,:before,:after{box-sizing:border-box}html,body{height:var(--blog-app-height,100%);margin:0;overflow:hidden}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;--taskbar-inset:max(0px, calc(env(safe-area-inset-bottom) - 14px));height:100vh;height:var(--blog-app-height,100dvh);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 0 auto;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}@media (display-mode:standalone){@supports (-webkit-touch-callout:none){html,body,.blog-overlay{height:var(--blog-app-height,100vh)}}}@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{0%,to{opacity:1;scale:1}50%{opacity:.55;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;align-items:center;gap:4px 12px;margin:4px 0 0;font-size:11px;display:flex}.blog-post-meta>*{white-space:nowrap;align-items:center;line-height:1.6;display:inline-flex}.blog-notification-settings{flex-direction:column;gap:14px;display:flex}.blog-notification-settings select{margin-left:12px}.blog-invitations{flex-direction:column;gap:14px;display:flex}.blog-invite-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-invite-actions .blog-field{margin:0}.blog-invite-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.blog-invite-list li{border-top:1px dotted #aaa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.blog-invite-list code{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:13px;display:block}.blog-invite-list small{color:#666;display:block}.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) + var(--taskbar-inset) + 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) + var(--taskbar-inset));padding:0 0 var(--taskbar-inset);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) + var(--taskbar-inset));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) + var(--taskbar-inset) + 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}@media (hover:hover) and (pointer:fine){.blog-overlay .blog-control-item:hover{background:#e8f2ff;border-color:#9ec5f0}}.blog-overlay .blog-control-item:active,.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) + var(--taskbar-inset) + 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}.blog-player{color:#e8f1ff;background:linear-gradient(#4a76d4 0%,#23479f 60%,#1a3478 100%);border:2px solid #1c3f8c;border-radius:18px 18px 14px 14px;overflow:hidden;box-shadow:3px 4px #2b2d5233,inset 0 1px #fff6}.blog-player>header{text-shadow:1px 1px #0b2459;background:linear-gradient(#ffffff47,#fff0);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.blog-player>header span{color:#9fffb4;font-size:10px}.blog-player-screen{color:#8bf3c0;background:linear-gradient(#02101f,#0c2547);border:1px solid #0b1c45;border-radius:6px;align-items:center;gap:10px;margin:0 10px;padding:8px 10px;font-family:Courier New,ui-monospace,monospace;font-size:12px;display:flex}.blog-player-bars{flex:none;align-items:flex-end;gap:2px;height:20px;display:flex}.blog-player-bars i{background:linear-gradient(#ff6b9a,#f6ff6b 30%,#46f08f);width:3px;height:4px}.blog-player.is-playing .blog-player-bars i{animation:.7s ease-in-out infinite alternate blogBars}.blog-player-bars i:nth-child(2n){animation-delay:-.35s!important}.blog-player-bars i:nth-child(3n){animation-duration:.5s!important;animation-delay:-.2s!important}.blog-player-bars i:nth-child(4n){animation-delay:-.55s!important}@keyframes blogBars{0%{height:3px}to{height:20px}}.blog-player-song{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.blog-player-song span{display:inline-block}.blog-player.is-playing .blog-player-song span{padding-left:100%;animation:12s linear infinite blogMarquee}.blog-player-time{color:#5fc7ff;flex:none;font-size:11px}.blog-player-progress{background:#0b1c45;border-radius:3px;height:5px;margin:8px 12px 0;overflow:hidden}.blog-player-progress i{background:linear-gradient(90deg,#66e3ff,#9fffb4);height:100%;display:block}.blog-player-controls{align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.blog-player-controls button{color:#173a86;background:linear-gradient(#e9f2ff,#9db8e8);border:1px solid #0b2459;border-radius:50%;width:32px;height:32px;font-size:12px}.blog-player-controls .blog-player-main{color:#0c3d1b;background:radial-gradient(circle at 40% 30%,#c8ffd5,#34b75a 70%);width:42px;height:42px;font-size:15px}.blog-player-controls .blog-player-list{border-radius:16px;width:auto;margin-left:auto;padding:0 12px;font-size:12px;font-weight:700}.blog-player-controls button:disabled{opacity:.55;cursor:default}.blog-playlist .xp-body{flex-direction:column;gap:10px;display:flex}.blog-playlist ol{background:#fff;border:1px solid #7f9db9;margin:0;padding:0;list-style:none}.blog-playlist li{border-bottom:1px solid #eef0f7;align-items:center;display:flex}.blog-playlist li:last-child{border-bottom:0}.blog-playlist li.is-current{color:#fff;background:#316ac5}.blog-playlist-song{min-width:0;color:inherit;text-align:left;white-space:nowrap;flex:1;align-items:baseline;gap:8px;padding:10px 8px;font-size:13px;display:flex;overflow:hidden}.blog-playlist-song span{width:18px;color:inherit;opacity:.7;flex:none}.blog-playlist-song b{text-overflow:ellipsis;flex:1;min-width:0;font-weight:400;overflow:hidden}.blog-playlist-song small{opacity:.7;flex:none;font-size:11px}.blog-overlay a.blog-playlist-edit{align-self:flex-start}.blog-song-list{background:#fff;border:1px solid #7f9db9;margin:0;padding:0;list-style:none}.blog-song-list li{border-bottom:1px solid #eef0f7;align-items:center;gap:4px;padding:6px 8px;display:flex}.blog-song-list li:last-child{border-bottom:0}.blog-song-list li>span{flex-direction:column;flex:1;min-width:0;display:flex}.blog-song-list b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.blog-song-list small{color:#7a6f8f;font-size:11px}.blog-song-list .xp-button{width:28px;min-width:0;padding:2px 0}.blog-song-add{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.blog-song-add>.blog-field{align-self:stretch}.blog-song-names{grid-template-columns:1fr 1fr;align-self:stretch;gap:8px;display:grid}.blog-song-names input{min-width:0}.blog-tabs{align-items:flex-end;gap:2px;display:flex}.blog-overlay .blog-tabs button{color:#444;cursor:pointer;background:linear-gradient(#fff,#ece9d8);border:1px solid #919b9c;border-bottom:0;border-radius:4px 4px 0 0;padding:5px 14px 4px;font-size:13px}.blog-overlay .blog-tabs button[aria-selected=true]{color:var(--blog-pink);background:#fff;border-top:2px solid #ffc83c;padding-top:7px;font-weight:700}.blog-kinds{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.blog-overlay .blog-kinds button{color:#6c5a8e;cursor:pointer;background:#fff;border:1px solid #c9bfd8;border-radius:10px;padding:2px 8px;font-size:12px}.blog-kinds em{color:#9a90ad;margin-left:3px;font-size:11px;font-style:normal}.blog-overlay .blog-kinds button[aria-selected=true]{border-color:var(--blog-pink);background:var(--blog-pink);color:#fff}.blog-kinds button[aria-selected=true] em{color:#fff}.blog-badge-fields{flex-direction:column;gap:8px;display:flex}.blog-badge-fields label{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.blog-badge-fields input{width:100%}.blog-note-form{align-items:center;gap:6px;margin-top:8px;display:flex}.blog-note-form input{flex:1;min-width:0}.blog-overlay .blog-note-form .xp-button{min-width:0;padding:3px 10px;font-size:12px}.blog-friend-tip{margin:10px 0 0;font-size:12px}.blog-overlay .blog-note-form input{color:#1d1d1d;appearance:none;background:#fff;border:1px solid #7f9db9;border-radius:0;padding:5px 8px;font-size:16px}.blog-overlay{--blog-font-default:Tahoma, Verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}.blog-overlay[data-font=round]{--blog-font-cute:var(--blog-font-round)}.blog-overlay[data-font=happy]{--blog-font-cute:var(--blog-font-happy)}.blog-overlay[data-font=hand]{--blog-font-cute:var(--blog-font-hand)}.blog-overlay[data-font=round],.blog-overlay[data-font=happy],.blog-overlay[data-font=hand],.blog-overlay[data-font=round] .blog-notepad-text,.blog-overlay[data-font=happy] .blog-notepad-text,.blog-overlay[data-font=hand] .blog-notepad-text{font-family:var(--blog-font-cute), var(--blog-font-default)}.blog-overlay[data-font=hand]{font-size:16px}.blog-font-swatch i{color:#333;background:#fff;place-items:center;font-size:11px;font-style:normal;display:grid}.blog-font-swatch[data-font=default]{font-family:var(--blog-font-default)}.blog-font-swatch[data-font=round]{font-family:var(--blog-font-round), var(--blog-font-default)}.blog-font-swatch[data-font=happy]{font-family:var(--blog-font-happy), var(--blog-font-default)}.blog-font-swatch[data-font=hand]{font-family:var(--blog-font-hand), var(--blog-font-default);font-size:14px}.blog-comment-quote,.blog-reply-target{background:#fff1f8;border-left:3px solid #e5a5c5;margin:8px 0;padding:8px 10px;font-size:.9em}.blog-comment-quote p,.blog-reply-target p{color:#857281;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.blog-reply-target{width:100%}.blog-reply-target>button{margin-left:12px}.blog-comment{scroll-margin:20px}.blog-plaza-add{flex:none;font-size:.85em}.blog-plaza-add:disabled{color:#888;cursor:default}.blog-inbox-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;display:flex}.blog-inbox-list{margin:0;padding:0;list-style:none}.blog-inbox-list li{border-bottom:1px dashed #dfc6d6;padding:14px 0}.blog-inbox-list li>span{font-size:.85em;display:block}.blog-inbox-open{text-align:left;overflow-wrap:anywhere;margin:6px 0;display:block}.blog-inbox-list li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.blog-overlay[data-theme=pink]{--xp-blue-dark:#d94b8f;--lu-hi:#ffc4e1;--lu:#f772b0;--lu-lo:#ea5a9e;--lu-dark:#c93d80;--lu-ink:#8a1d55;--bar-hi:#ffa6cf;--bar:#ef6aa8;--bar-lo:#c94886;--bar-edge:#b23a74;--bar-glow:#ffc0de;--task-a:#d9548f;--task-b:#e8679f;--task-accent:#fff3a6;--tray-hi:#ff9ccb;--tray:#f584ba;--tray-lo:#ec74ad;--tray-glow:#ffc6e1;--menu-side:#ffe6f2;--menu-line:#f5b5d4}.blog-overlay[data-theme=purple]{--xp-blue-dark:#7446c4;--lu-hi:#d8c2ff;--lu:#9b6ce6;--lu-lo:#8758d6;--lu-dark:#6638b0;--lu-ink:#3d1a78;--bar-hi:#c3a6ff;--bar:#8a5cdc;--bar-lo:#6438b4;--bar-edge:#55309c;--bar-glow:#c9b0ff;--task-a:#7447c8;--task-b:#8455d6;--task-accent:#ffd3ec;--tray-hi:#b48cff;--tray:#a07af2;--tray-lo:#9168e6;--tray-glow:#d2bcff;--menu-side:#efe6ff;--menu-line:#cdb6f2}.blog-overlay[data-theme=mint]{--xp-blue-dark:#1a9a76;--lu-hi:#a6f0d8;--lu:#2fbf98;--lu-lo:#22a984;--lu-dark:#138262;--lu-ink:#0b4a38;--bar-hi:#7ee3c4;--bar:#26ad89;--bar-lo:#157a5f;--bar-edge:#106a52;--bar-glow:#9af0d4;--task-a:#1c936f;--task-b:#24a580;--task-accent:#fff3a6;--tray-hi:#4fd6b4;--tray:#3cc7a3;--tray-lo:#2fb894;--tray-glow:#a3f3dc;--menu-side:#e2f8f0;--menu-line:#a9e3cf}.blog-overlay:not([data-theme=blue]) .xp-titlebar{background:linear-gradient(180deg, var(--lu-hi) 0%, var(--lu) 9%, var(--lu-lo) 18%, var(--lu) 45%, var(--lu) 82%, var(--lu-lo) 92%, var(--lu-dark) 100%);text-shadow:1px 1px 0 var(--lu-ink)}.blog-overlay:not([data-theme=blue]) .xp-btn:not(.xp-close){background:linear-gradient(180deg, var(--lu-hi) 0%, var(--lu) 55%, var(--lu-dark) 100%)}.blog-overlay:not([data-theme=blue]) .blog-taskbar{border-top-color:var(--bar-edge);background-color:var(--bar);background-image:linear-gradient(180deg, var(--bar-hi) 0%, var(--bar) 9%, var(--bar) 85%, var(--bar-lo) 100%);box-shadow:inset 0 1px 0 var(--bar-glow)}.blog-overlay:not([data-theme=blue]) .blog-task{border-color:var(--bar-edge);background:linear-gradient(180deg, var(--task-a), var(--task-b))}.blog-overlay:not([data-theme=blue]) .blog-task span{color:var(--task-accent)}.blog-overlay:not([data-theme=blue]) .blog-tray{border-left-color:var(--bar-lo);background-color:var(--tray-lo);background-image:linear-gradient(180deg, var(--tray-hi) 0%, var(--tray) 12%, var(--tray-lo) 100%);box-shadow:inset 1px 0 1px var(--tray-glow)}.blog-overlay:not([data-theme=blue]) .blog-start-menu{border-color:var(--xp-blue-dark)}.blog-overlay:not([data-theme=blue]) .blog-start-user{background:linear-gradient(180deg, var(--lu-lo) 0%, var(--lu) 30%, var(--lu-dark) 100%)}.blog-overlay:not([data-theme=blue]) .blog-start-right{border-left-color:var(--menu-line);background:var(--menu-side)}.blog-overlay:not([data-theme=blue]) .blog-start-columns button:active{background:var(--lu)}.blog-overlay:not([data-theme=blue]) .blog-start-foot{background:linear-gradient(180deg, var(--lu), var(--lu-dark))}.blog-overlay:not([data-theme=blue]) .blog-calendar th{background:var(--lu)}.blog-overlay:not([data-theme=blue]) :is(.blog-group legend,.blog-control-head){color:var(--lu-dark)}:root{--blog-berry:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g transform='translate(18 16) rotate(-14 12 14)'><path d='M12 7c-5 0-8 2.6-8 6.5C4 18 9 22.5 12 24c3-1.5 8-6 8-10.5C20 9.6 17 7 12 7z' fill='%23ff5277'/><path d='M12 9.5 7 5.5l2.4 3.3L5.6 9.4l4.3 1.4L12 9.4l2.1 1.4 4.3-1.4-3.8-.6L17 5.5z' fill='%233fb96b'/><path d='M12 9.6V3.5' stroke='%233fb96b' stroke-width='1.4' stroke-linecap='round'/><g fill='%23fff1a8'><ellipse cx='9' cy='13.5' rx='.7' ry='1'/><ellipse cx='15' cy='13.5' rx='.7' ry='1'/><ellipse cx='12' cy='16' rx='.7' ry='1'/><ellipse cx='8.8' cy='18' rx='.7' ry='1'/><ellipse cx='15.2' cy='18' rx='.7' ry='1'/><ellipse cx='12' cy='20.6' rx='.7' ry='1'/></g></g></svg>");--blog-pixel-heart:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' shape-rendering='crispEdges'><path fill='%23ff6fb1' d='M9 9h2v1H9zM12 9h2v1h-2zM8 10h7v2H8zM9 12h5v1H9zM10 13h3v1h-3zM11 14h1v1h-1z'/><path fill='%23ffffff' d='M9 10h1v1H9z'/></svg>");--blog-pixel-heart-soft:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' shape-rendering='crispEdges'><path fill='%23b98cf5' d='M9 9h2v1H9zM12 9h2v1h-2zM8 10h7v2H8zM9 12h5v1H9zM10 13h3v1h-3zM11 14h1v1h-1z'/></svg>");--blog-wall-candy:radial-gradient(circle, #ffffffbf 2px, transparent 2.5px) 0 0 / 26px 26px, radial-gradient(130px 52px at 18% 22%, #ffffffe6, transparent 72%), radial-gradient(170px 62px at 78% 48%, #fffc, transparent 72%), radial-gradient(150px 56px at 30% 80%, #ffffffbf, transparent 72%), linear-gradient(180deg, #ffc6e4 0%, #f0d4ff 38%, #cfe6ff 72%, #fff2f8 100%);--blog-wall-picnic:repeating-linear-gradient(90deg, #ff698c4d 0 20px, transparent 20px 40px), repeating-linear-gradient(0deg, #ff698c4d 0 20px, transparent 20px 40px), #fff7f2;--blog-wall-strawberry:var(--blog-berry) 0 0 / 64px 64px, var(--blog-berry) 32px 32px / 64px 64px, radial-gradient(circle, #ffffffd9 2px, transparent 2.5px) 16px 16px / 32px 32px, #ffe3ea;--blog-wall-hearts:var(--blog-pixel-heart) 0 0 / 48px 48px, var(--blog-pixel-heart-soft) 24px 24px / 48px 48px, linear-gradient(180deg, #ecdcff 0%, #fbe4f4 55%, #ffeef6 100%)}.blog-overlay[data-wallpaper=candy]{background:var(--blog-wall-candy)}.blog-overlay[data-wallpaper=picnic]{background:var(--blog-wall-picnic)}.blog-overlay[data-wallpaper=strawberry]{background:var(--blog-wall-strawberry)}.blog-overlay[data-wallpaper=hearts]{background:var(--blog-wall-hearts)}.blog-wall-chip[data-wallpaper=candy]{background:linear-gradient(#ffc6e4,#cfe6ff)}.blog-wall-chip[data-wallpaper=picnic]{background:repeating-linear-gradient(90deg,#ff698c59 0 5px,#0000 5px 10px),repeating-linear-gradient(0deg,#ff698c59 0 5px,#0000 5px 10px),#fff7f2}.blog-wall-chip[data-wallpaper=strawberry]{background:var(--blog-berry) center / 44px 44px, #ffe3ea}.blog-wall-chip[data-wallpaper=hearts]{background:var(--blog-pixel-heart) center / 40px 40px, #ecdcff}.blog-frame{isolation:isolate;flex:none;font-size:14px;font-style:normal;line-height:1;display:inline-flex;position:relative}.blog-profile-avatar .blog-frame{font-size:24px}.blog-profile-editor-avatar .blog-frame{font-size:20px}.blog-post-author .blog-frame{font-size:8px}.blog-swatch .blog-frame-chip{font-size:7px}.blog-frame .blog-avatar{z-index:1;position:relative}.blog-overlay .blog-frame>i{z-index:2;width:auto;height:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;margin:0;font-size:1em;font-style:normal;line-height:1;display:block;position:absolute}.blog-frame>i:before{display:block}.blog-frame[data-frame=heart] .blog-avatar{border-color:#ffc2dc;box-shadow:0 0 0 1px #ff5fa8,0 0 0 3px #ffe3f1}.blog-frame[data-frame=heart]>i{color:#ff4f9a;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}.blog-frame[data-frame=heart]>i:first-of-type{font-size:1.25em;top:-.5em;right:-.5em}.blog-frame[data-frame=heart]>i:nth-of-type(2){color:#ff8fc4;font-size:.85em;bottom:-.35em;left:-.4em}.blog-frame[data-frame=heart]>i:before{content:"♥︎"}.blog-frame[data-frame=bow] .blog-avatar{border-color:#fff;box-shadow:0 0 0 1px #ff7eb6,0 0 0 3px #fff,0 0 0 4px #ffb6d9}.blog-frame[data-frame=bow]>i:first-of-type{font-size:1.45em;top:-.6em;left:-.55em;rotate:-18deg}.blog-frame[data-frame=bow]>i:first-of-type:before{content:"🎀"}.blog-frame[data-frame=bow]>i:nth-of-type(2){display:none}.blog-frame[data-frame=star] .blog-avatar{border-color:#fff3a6;box-shadow:0 0 0 1px #f0b400,0 0 7px 1px #ffd84ad9}.blog-frame[data-frame=star]>i{color:#ffc400;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff;animation:1.6s ease-in-out infinite blogTwinkle}.blog-frame[data-frame=star]>i:first-of-type{font-size:1.3em;top:-.55em;right:-.5em}.blog-frame[data-frame=star]>i:first-of-type:before{content:"★︎"}.blog-frame[data-frame=star]>i:nth-of-type(2){color:#ffd84a;animation-delay:-.8s;bottom:-.4em;left:-.45em}.blog-frame[data-frame=star]>i:nth-of-type(2):before{content:"✦︎"}.blog-frame[data-frame=kitty] .blog-avatar{border-color:#ffc2dc;box-shadow:0 0 0 1px #ff9cc8}.blog-overlay .blog-frame[data-frame=kitty]>i{z-index:0;background:linear-gradient(#ff8fc4 0%,#ffc2dc 70%);width:1em;height:.9em;top:-.62em}.blog-frame[data-frame=kitty]>i:first-of-type{clip-path:polygon(0 100%,28% 0,100% 100%);left:6%}.blog-frame[data-frame=kitty]>i:nth-of-type(2){clip-path:polygon(0 100%,72% 0,100% 100%);right:6%}.blog-swatch i.blog-frame-chip{background:linear-gradient(#d9f1ff,#ffe3f1)}.blog-swatch .blog-frame-chip .blog-avatar{border-width:1px;border-radius:4px;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.blog-frame[data-frame=star]>i{animation:none}}