:root{--bg-overlay: rgba(255, 255, 255, .25);--header-bg: rgba(0, 0, 0, .6);--content-bg: rgba(0, 0, 0, .6);--content-text: white;--shadow-color: rgba(0, 0, 0, .3);--border-color: rgba(255, 255, 255, .5);--input-bg: rgba(255, 255, 255, .2);--input-focus-bg: rgba(255, 255, 255, .3);--placeholder-color: rgba(255, 255, 255, .7);--waifu-tool-svg: #7b8c9d;--text-color: #bababa;--waifu-tool-svg-hover: #0684bd}.dark-theme{--bg-overlay: rgba(0, 0, 0, .4);--header-bg: rgba(30, 30, 30, .9);--text-color: #e0e0e0;--content-bg: rgba(40, 40, 40, .8);--content-text: #f0f0f0;--shadow-color: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .2);--input-bg: rgba(255, 255, 255, .1);--input-focus-bg: rgba(255, 255, 255, .15);--placeholder-color: rgba(255, 255, 255, .5);--waifu-tool-svg: #aaaaaa;--waifu-tool-svg-hover: #88c0ff}@font-face{font-family:CuteCN;src:url(/JTRLKKT.woff),url(/JTRLKKT.woff2);font-weight:400;font-style:normal}@font-face{font-family:Date Fruit Days;src:url(/Date%20Fruit%20Days.ttf) format("truetype");font-weight:400;font-style:normal}html,body{height:100%;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}body{padding-top:80px;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:background-image 3s ease-in-out;font-family:CuteCN}#waifu{right:30px!important;bottom:20px!important}.site-header{position:fixed;top:0;left:0;width:100%;height:70px;background-color:var(--header-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:1000;box-shadow:0 2px 10px #0000004d;transition:transform .3s ease-in-out}.site-header.hidden{transform:translateY(-100%)}.header-left,.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;letter-spacing:1px}.nav-links{flex:1;display:flex;justify-content:center;gap:30px;list-style:none;margin:0 20px;padding:0}.nav-links li a{color:#fff;text-decoration:none;font-size:1.5rem;transition:opacity .3s;padding:5px 0;border-bottom:2px solid transparent}.nav-links li a:hover{opacity:.8;border-bottom-color:var(--border-color)}.menu-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0;transition:opacity .2s}.menu-btn:hover{opacity:.8}.search-form{display:flex;align-items:center;gap:5px}.search-form input[type=search]{padding:8px 12px;border:none;border-radius:20px;background-color:var(--input-bg);color:var(--text-color);font-size:14px;width:180px;transition:width .3s,background-color .3s}.search-form input[type=search]::placeholder{color:var(--placeholder-color)}.search-form input[type=search]:focus{outline:none;background-color:var(--input-focus-bg);width:220px}.search-form button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px 8px;border-radius:50%;transition:background-color .2s}.search-form button:hover{background-color:#fff3}.music-disk-container{position:fixed;width:100px;height:100px;cursor:pointer;bottom:20px;left:20px;z-index:9999}.disk-rotator{width:100%;height:100%;animation:rotation 8s linear infinite;animation-play-state:paused}.disk-background{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.disk-cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;border-radius:50%;object-fit:cover;box-shadow:0 0 8px #00000080}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-box{position:relative;width:70%;margin:0 auto;box-sizing:border-box;color:var(--content-text);border-radius:16px;padding:15px 20px;z-index:500}.content-box:before{content:"";position:absolute;inset:0;border-radius:16px;background-color:var(--content-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.theme-btn{background:none;border:none;cursor:pointer;font-size:24px;line-height:1;padding:0 10px;color:var(--text-color);transition:opacity .2s}.theme-btn:hover{opacity:.8}.dark-theme .light-icon{display:none}.dark-theme .dark-icon,.light-icon{display:inline}.dark-icon{display:none}.article-content{color:var(--content-text, #f0f0f0)}.article-content h1{font-family:CuteCN,sans-serif;text-align:center;border-bottom:1px solid var(--border-color, #ffffff80);padding-bottom:.5rem;margin-bottom:1.5rem}.article-content blockquote{border-left:4px solid #7f8c8d60;background-color:var(--input-bg, #ffffff10);margin:1.5em 0;padding:.8em 1.2em;font-style:italic;border-radius:0 12px 12px 0;color:var(--content-text, #ddd)}.article-content figure{margin:2rem 0;text-align:center}.article-content figcaption{font-size:.9rem;color:var(--placeholder-color, #aaa);margin-top:.5rem}.article-content img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 20px var(--shadow-color, rgba(0,0,0,.3));background:var(--input-bg, #ffffff20);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.article-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--border-color, #fff),transparent);margin:2.5rem 0}.article-content .essay-meta{font-size:.9rem;text-align:right;opacity:.7;margin-bottom:2rem}.article-content p{margin:1.2rem 0;text-align:justify}.article-content .dual-img{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.article-content .dual-img figure{flex:1 1 280px}.like-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;transition:transform .2s}.like-btn:hover{transform:scale(1.1)}.comment-item{padding:1rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.comment-author{font-weight:700;color:var(--content-text);font-family:CuteCN}.comment-meta{font-size:.8rem;opacity:.7;margin-left:1rem}.comment-content{margin:.5rem 0 0;word-wrap:break-word;font-family:CuteCN}.reply-btn{background:none;border:none;color:var(--placeholder-color);cursor:pointer;font-size:.9rem;margin-top:.5rem}.reply-btn:hover{color:var(--content-text)}.replies{margin-left:2rem;border-left:2px solid var(--border-color);padding-left:1rem}#post-interaction-container{position:relative;width:70%;margin:20px auto;box-sizing:border-box;color:var(--content-text);border-radius:16px;padding:15px 20px;z-index:500}#post-interaction-container:before{content:"";position:absolute;inset:0;border-radius:16px;background-color:var(--content-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.reply-form{background:var(--input-bg);border-radius:8px;padding:1rem;margin-left:1rem}.reply-btn{background:none;border:none;color:var(--placeholder-color);cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:0;font-family:CuteCN}.reply-btn:hover{color:var(--content-text);text-decoration:underline}.resource-card{margin:2.5rem 0 1.5rem;padding:1.5rem 1.8rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--content-text);font-family:CuteCN,sans-serif;box-shadow:0 8px 20px var(--shadow-color)}.resource-card h3{margin-top:0;margin-bottom:1.2rem;font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--content-text);display:flex;align-items:center;gap:.5rem}.resource-card h3:before{content:"📦";font-size:1.6rem}.resource-links{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:flex-start}.resource-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.8rem;border-radius:40px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:transform .2s,opacity .2s,box-shadow .2s;border:none;cursor:pointer;box-shadow:0 4px 10px #0003}.resource-btn:hover{transform:translateY(-3px);opacity:.95;box-shadow:0 6px 15px #00000040}.resource-btn:active{transform:translateY(-1px)}.resource-btn.buy{background:#f0b90b;color:#1e1e1e}.resource-btn.patch{background:#3b82f6;color:#fff}.resource-btn .icon{font-size:1.3rem;line-height:1}.dark-theme .resource-btn.buy{color:#111}.dark-theme .resource-btn.patch{color:#fff}
