@font-face{font-family:zpix;src:url('./assets/fonts/zpix.ttf')}@font-face{font-family:pixel;src:url('./assets/fonts/pixel-mplus.ttf')}
:root{--pink:#f5cee9;--pale:#fff0fb;--lav:#d7b9ed;--purple:#572be0;--deep:#321789;--cyan:#64ecf0;--hot:#ed3f96;--ink:#3b2782;--top:32px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:zpix,pixel,"Microsoft YaHei",sans-serif;color:var(--ink);font-size:13px}button{font:inherit;color:inherit;cursor:pointer}img{image-rendering:pixelated}
#desktop{position:fixed;inset:0;overflow:hidden;background:#d7a2cc url('./assets/wallpaper.png') center center/cover no-repeat}.crt{position:absolute;z-index:20000;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 2px,#5f1975 3px 4px);mix-blend-mode:multiply}
#topbar{position:absolute;z-index:10000;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;background:#f2d9f5;border-bottom:2px solid var(--purple);box-shadow:0 2px 0 var(--cyan);padding:2px 5px;white-space:nowrap}#start-button{height:27px;display:flex;align-items:center;gap:5px;padding:1px 8px;border:2px outset #fff;background:#f2c8e5;font-weight:bold}#start-button:active,#start-button.on{border-style:inset}#start-button img{width:23px;height:23px}.top-separator{height:23px;border-left:1px solid #a077c8;border-right:1px solid white;margin:0 7px}#top-title{height:25px;min-width:160px;display:flex;align-items:center;gap:7px;padding:0 8px;background:#e7c6ed;border:1px solid #9a78be}.top-dot{width:9px;height:9px;background:var(--purple);box-shadow:2px 2px var(--cyan)}.beta-badge{padding:2px 6px;background:var(--hot);color:#fff;border:1px solid var(--purple);box-shadow:1px 1px var(--cyan);font-size:10px}.top-marquee{flex:1;text-align:center;letter-spacing:2px;color:#8b5ca8;overflow:hidden}.back-blog{height:24px;padding:2px 8px;border:1px solid var(--purple);background:#fff1fb;color:var(--deep);text-decoration:none;box-shadow:1px 1px var(--cyan)}.back-blog:hover{background:var(--purple);color:#fff}#clock{min-width:78px;text-align:right;font-weight:bold;padding-right:4px}
#desktop-icons{position:absolute;z-index:5;left:0;top:var(--top);bottom:0;width:103px;padding:14px 7px 70px;display:flex;flex-direction:column;align-items:center;gap:7px;background:rgba(251,216,240,.88);border-right:2px solid rgba(255,255,255,.8);box-shadow:2px 0 rgba(97,43,153,.35);overflow:auto}#desktop-icons button{position:relative;width:88px;min-height:78px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-shadow:1px 1px white}#desktop-icons button:hover,#desktop-icons button:focus{background:rgba(129,81,195,.16);border:1px dotted var(--purple)}#desktop-icons img{width:49px;height:49px;object-fit:contain}#desktop-icons span{line-height:14px}.badge{position:absolute;right:12px;top:4px;min-width:17px;height:17px;border-radius:50%;background:var(--hot);color:#fff;font-style:normal;font:bold 10px Arial;display:grid;place-items:center;border:1px solid white}
#angel-status{position:absolute;z-index:4;right:14px;top:48px;width:252px;background:rgba(255,239,251,.9);border:2px solid var(--purple);box-shadow:4px 4px 0 var(--cyan)}.status-title{height:25px;background:var(--pink);padding:4px 7px;border-bottom:2px solid var(--purple);font-weight:bold;letter-spacing:1px}.status-grid{display:grid;grid-template-columns:1fr 1fr;padding:5px}.status-grid span{display:grid;grid-template-columns:32px 1fr;grid-template-rows:15px 17px;align-items:center;font-size:9px}.status-grid img{grid-row:1/3;width:30px;height:25px;object-fit:contain}.status-grid b{font-size:15px;color:var(--hot)}
#window-layer{position:absolute;z-index:100;inset:var(--top) 0 0 103px;pointer-events:none}.window{position:absolute;pointer-events:auto;display:flex;flex-direction:column;min-width:280px;min-height:190px;background:var(--pale);border:2px solid var(--purple);box-shadow:4px 4px 0 var(--cyan),7px 7px 0 rgba(69,28,132,.35);overflow:hidden}.window.inactive{filter:saturate(.65)}.window.hidden{display:none}.window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important}.titlebar{height:29px;min-height:29px;padding:3px 4px;display:flex;align-items:center;gap:6px;background:var(--pink);border-bottom:2px solid var(--purple);cursor:move}.title-square{width:14px;height:14px;background:var(--purple);box-shadow:2px 2px var(--cyan)}.window-title{flex:1;font-size:13px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:2px}.window-controls button{width:20px;height:20px;padding:0;line-height:14px;border:2px solid var(--purple);background:#f8e5f5;font:bold 12px monospace;box-shadow:1px 1px var(--cyan)}.window-controls button:active{transform:translate(1px,1px);box-shadow:none}.window-content{flex:1;min-height:0;overflow:auto;background:rgba(255,246,253,.97);user-select:text}.window-grip{height:10px;min-height:10px;background:var(--pink);border-top:2px solid var(--purple);display:flex;gap:2px;align-items:center;padding-left:38px;cursor:nwse-resize}.window-grip i{display:block;width:5px;height:5px;background:var(--purple)}
.explorer-toolbar{height:35px;display:flex;align-items:center;gap:5px;padding:4px 7px;background:#f5def1;border-bottom:1px solid #ac83c5}.pixel-btn{height:24px;border:1px solid #9b68b7;background:#fceefa;box-shadow:1px 1px #fff;padding:1px 8px}.pixel-btn:active{background:#d9b5e0}.address{flex:1;height:24px;display:flex;align-items:center;background:white;border:1px inset #c99ed1;padding:2px 6px;overflow:hidden;white-space:nowrap}.address img{width:17px;height:17px;margin-right:5px}.computer-view{height:100%;display:flex;flex-direction:column}.folder-grid{flex:1;padding:22px;display:grid;grid-template-columns:repeat(4,minmax(75px,1fr));grid-auto-rows:96px;gap:8px;background:rgba(255,247,253,.95)}.folder{border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.folder:hover{border:1px dotted var(--purple);background:#efd8f4}.folder img{width:52px;height:52px;object-fit:contain}.folder span{text-align:center}.statusline{height:22px;padding:3px 7px;border-top:1px solid #bc91c8;background:#f3deef;color:#76568b}
.internet-layout{height:100%;display:grid;grid-template-columns:155px 1fr}.net-sidebar{padding:13px;background:linear-gradient(#f2cfea,#c7b1e9);border-right:2px solid var(--purple)}.net-sidebar h3{margin:0 0 8px;font-size:13px}.net-sidebar button{width:100%;display:block;text-align:left;border:0;background:transparent;padding:5px 4px}.net-sidebar button:hover{background:#7752c4;color:#fff}.net-main{overflow:auto;background:#fff8fd}.net-header{height:69px;padding:10px 14px;background:linear-gradient(90deg,#ffeefd,#dffbff);border-bottom:2px dotted #9e6fc1;display:flex;align-items:center;gap:10px}.net-header img{width:46px;height:46px}.net-header h1{margin:0;font-size:22px;color:#6436a2}.net-header p{margin:3px 0}.post-list{padding:8px}.post-row{width:100%;display:grid;grid-template-columns:35px 1fr 90px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:6px 8px}.post-row:hover{border:1px dotted var(--purple);background:#f7dcf0}.post-row img{width:27px;height:27px}.post-row b{display:block;color:#5b3193}.post-row small{color:#876f91}.post-row time{text-align:right;color:#b04c8b}
.webcam{height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#d8faff,#f8cce9)}.webcam::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 75% 30%,#fff 0 2px,transparent 3px);background-size:31px 31px,47px 47px;opacity:.55}.webcam img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.live-tag{position:absolute;z-index:2;left:9px;top:8px;padding:3px 7px;background:var(--hot);color:#fff;border:1px solid white;box-shadow:2px 2px var(--purple)}.viewer-count{position:absolute;z-index:2;right:8px;bottom:7px;background:rgba(255,255,255,.8);padding:4px 7px}
.jine-app{height:100%;display:flex;flex-direction:column;background:#ec8fe3 url('./assets/jine/JINEBGtiled.png') center/266px 388px}.jine-chat{flex:1;padding:18px 15px;overflow:auto}.message{display:flex;align-items:flex-start;gap:7px;margin-bottom:12px}.message img{width:38px;height:38px}.bubble{max-width:75%;padding:8px 10px;background:#cae9ff;color:#393185;border:1px solid rgba(255,255,255,.7)}.message.me{justify-content:flex-end}.message.me .bubble{background:#fff0c6}.sticker-row{height:83px;padding:5px;display:flex;align-items:center;justify-content:space-around;background:rgba(234,151,219,.78);border-top:2px solid var(--purple)}.sticker-row button{border:0;background:transparent}.sticker-row img{width:49px;height:49px}.jine-input{height:33px;display:flex;background:#f4d5ec;border-top:1px solid #986ab5;padding:4px}.jine-input input{flex:1;border:1px inset #bc8fc6;background:#fff}.jine-input button{border:1px solid var(--purple);background:#fff0f9}
.task-app{padding:12px;background:#fff8fd;min-height:100%}.task-hero{font-size:28px;color:var(--purple);margin-bottom:12px}.task-stat{display:grid;grid-template-columns:50px 100px 1fr;align-items:center;margin:7px 0}.task-stat img{width:46px;height:38px}.task-stat b{font-size:22px}.bar{height:25px;background:#dec3ea;border:1px solid #a779c4}.bar i{display:block;height:100%;background:#6cb6d9}.task-stat:nth-child(3) .bar i{background:#ef668d}.task-stat:nth-child(4) .bar i{background:#a26ed0}.task-stat:nth-child(5) .bar i{background:#49337a}
.reader{min-height:100%;background:#fff5fb;padding:0 0 30px}.reader-head{height:55px;background:linear-gradient(90deg,#f7cfe9,#d7f9fa);border-bottom:2px solid var(--purple);display:flex;align-items:center;padding:8px 14px;gap:9px}.reader-head img{width:38px;height:38px}.reader-head b{font-size:18px}.article{max-width:650px;margin:18px auto;background:#fff;border:2px solid #c88ac0;padding:25px 35px;box-shadow:5px 5px #e5c9e6}.article h1{font-size:27px;margin:0 0 5px;color:#5e2da0}.article .meta{padding-bottom:11px;margin-bottom:16px;border-bottom:2px dotted #d095bf;color:#a05787}.article p{font-family:pixel,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8;margin:0 0 1em}.article blockquote{margin:18px 0;padding:9px 12px;background:#ffe5f3;border-left:6px solid var(--hot)}.article-actions{margin-top:22px;padding-top:15px;border-top:2px dotted #d095bf;text-align:right}.article-actions a{display:inline-block;padding:7px 12px;background:var(--purple);color:#fff;text-decoration:none;border:2px outset #d7f9fa;box-shadow:3px 3px var(--cyan)}.article-actions a:active{transform:translate(2px,2px);box-shadow:1px 1px var(--cyan)}
.category-app{padding:14px;background:#fff6fc;min-height:100%}.category-app h2{margin:0 0 12px;font-size:20px}.category-card{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:10px;margin-bottom:8px;background:#f9def1;border:1px solid #a872be}.category-card img{width:45px;height:45px}.category-card p{margin:4px 0}.note-app{height:100%;padding:20px;background:#fff0a8;color:#5a3977;font-family:pixel,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;background-image:repeating-linear-gradient(#fff0a8 0 27px,#eabcc8 28px)}.note-app h2{margin:0 0 15px}.about{padding:17px;background:#f9e8f7;min-height:100%}.about-card{display:grid;grid-template-columns:92px 1fr;gap:15px;padding:15px;background:#fff;border:2px solid var(--purple)}.about-card>img{width:86px;height:86px;object-fit:contain;background:#ecd8f4}.about h1{margin:0;font-size:23px}.about dl{display:grid;grid-template-columns:100px 1fr;gap:7px}.about dt{font-weight:bold}.about dd{margin:0}.gallery{height:100%;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;background:#faeaf8}.gallery div{border:2px solid var(--purple);background:#d9c2ec;display:grid;place-items:center;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:contain}
#dock{position:absolute;z-index:9000;left:50%;bottom:9px;transform:translateX(-50%);height:61px;display:flex;align-items:end;gap:4px;padding:6px 11px;background:rgba(255,225,247,.76);border:2px solid rgba(255,255,255,.8);border-radius:9px 9px 0 0;box-shadow:0 0 0 2px rgba(94,38,141,.25),0 0 15px rgba(255,112,202,.45)}#dock button{width:48px;height:48px;border:0;background:transparent;transition:transform .1s}#dock button:hover{transform:translateY(-8px) scale(1.2)}#dock img{width:43px;height:43px;object-fit:contain}
#start-menu{position:absolute;z-index:12000;left:4px;top:var(--top);width:292px;border:2px solid var(--purple);background:#fcecf9;box-shadow:4px 4px var(--cyan)}.start-brand{height:58px;padding:6px 9px;display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#e2b9e5,#f7d7ef);border-bottom:2px solid var(--purple)}.start-brand img{width:44px;height:44px}.start-brand div{display:flex;flex-direction:column}.start-brand b{font-size:18px}.start-body{padding:5px}.start-body button,.start-home-link{width:100%;height:55px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;color:inherit;text-decoration:none}.start-body button:hover,.start-home-link:hover{background:#7143bd;color:#fff}.start-body img,.start-home-link img{width:42px;height:42px;object-fit:contain}.start-body span,.start-home-link span{display:flex;flex-direction:column}.start-body small,.start-home-link small{font-size:10px}#start-menu footer{text-align:center;padding:7px;background:#e7c4e9;border-top:1px solid #aa78b8}
#notification{position:absolute;z-index:13000;right:15px;bottom:16px;width:260px;min-height:64px;display:flex;align-items:center;gap:8px;padding:8px;background:#fff0fb;border:2px solid var(--purple);box-shadow:4px 4px var(--cyan);transform:translateX(310px);transition:transform .25s}#notification.show{transform:none}#notification img{width:46px;height:46px}#notification span{line-height:1.5}
@media(max-width:900px){#angel-status{display:none}.top-marquee{display:none}.folder-grid{grid-template-columns:repeat(3,1fr)}.window{max-width:calc(100vw - 110px)}#dock{left:calc(50% + 45px)}.internet-layout{grid-template-columns:1fr}.net-sidebar{display:none}}
@media(max-width:620px){#desktop-icons{width:78px}#desktop-icons button{width:67px}#desktop-icons img{width:42px;height:42px}#window-layer{left:78px}.window{min-width:260px;max-width:calc(100vw - 84px)}.folder-grid{grid-template-columns:repeat(2,1fr);padding:10px}#dock{left:calc(50% + 34px);transform:translateX(-50%) scale(.82);transform-origin:bottom}#top-title{min-width:auto}.back-blog{max-width:88px;overflow:hidden;text-overflow:ellipsis}.beta-badge{display:none}}