:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;color:#1f2329;background-color:#f4f6fb;background-image:linear-gradient(180deg,rgba(245,247,255,.5),rgba(246,241,252,.5)),url("bg.jpg");background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh}
.page{max-width:760px;margin:0 auto;padding:26px 16px 132px;position:relative;z-index:1}
.card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.5);border-radius:18px;box-shadow:0 12px 32px rgba(99,102,241,.12);backdrop-filter:blur(8px);overflow:hidden}
.hero{padding:18px 18px 12px;background:linear-gradient(130deg,rgba(255,255,255,.25),rgba(255,255,255,0))}
.author{display:flex;align-items:center;gap:12px}
.author img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#eef2f7}
.author-name{font-weight:700}
.author-meta{color:#6b7280;font-size:13px;margin-top:2px}
.content{padding:4px 18px 18px;white-space:pre-wrap;line-height:1.75;font-size:16px}
.emoji-inline{display:inline-block;width:1.5em;height:1.5em;vertical-align:-0.3em;object-fit:contain}
.gallery{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:0 18px 18px}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#eef2f7}
.stats{display:flex;gap:18px;padding:0 18px 18px;color:#6b7280;font-size:14px}
.comments{margin-top:16px}
.comments h2{font-size:17px;margin:0 0 12px}
.comment{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.56);border-radius:14px;padding:14px 16px;box-shadow:0 8px 20px rgba(15,23,42,.08);backdrop-filter:blur(6px)}
.comment+.comment{margin-top:10px}
.comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.comment-userline{display:flex;align-items:center;gap:10px;min-width:0}
.comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eef2f7;flex:0 0 auto}
.comment-user{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-floor{color:#6b7280;font-size:13px}
.comment-body{color:#111827;line-height:1.7;white-space:pre-wrap}
.comment-meta{margin-top:8px;color:#6b7280;font-size:13px}
.bottom-open{position:fixed;left:0;right:0;bottom:0;z-index:1200;pointer-events:none;background:linear-gradient(180deg,rgba(244,246,251,0) 0,rgba(244,246,251,.78) 36%,rgba(244,246,251,.97) 66%,#f4f6fb 100%);padding:34px 12px 12px;padding-bottom:30px;display:none}
.bottom-open-inner{max-width:760px;margin:0 auto;pointer-events:auto;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.78);border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.14);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.bottom-open-copy{min-width:0}
.bottom-open-title{font-size:15px;font-weight:700;color:#111827;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottom-open-desc{margin-top:2px;color:#6b7280;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.launch-btn{display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:38px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.launch-btn.primary{color:#fff;border:1px solid rgba(7,193,96,.36);background:linear-gradient(180deg,#1bcf74 0,#07c160 100%);box-shadow:0 6px 14px rgba(7,193,96,.28)}
.launch-btn.secondary{color:#059669;border:1px solid rgba(16,185,129,.3);background:rgba(231,255,242,.9);box-shadow:0 4px 12px rgba(5,150,105,.1)}
.launch-slot{position:relative}
.launch-slot wx-open-launch-weapp{display:none}
.weapp-ready .launch-slot wx-open-launch-weapp{display:block}
.weapp-ready .launch-slot .launch-placeholder{display:none}
.launch-placeholder{border:0;pointer-events:none}
.hint{color:#6b7280;font-size:13px}
.cta{position:fixed;left:0;right:0;bottom:0;z-index:1200;pointer-events:none;padding:30px 12px 12px;background:linear-gradient(180deg,rgba(244,246,251,0),rgba(244,246,251,.82) 32%,rgba(244,246,251,.98) 100%);display:none}
.cta-box{max-width:760px;margin:0 auto;pointer-events:auto;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.1);backdrop-filter:blur(8px);padding:16px}
.cta-title{font-size:16px;font-weight:700;margin-bottom:5px;color:#1f2937}
.cta-desc{color:#6b7280;font-size:14px;margin-bottom:12px}
.cta-divider{height:1px;margin:0 0 12px;background:linear-gradient(90deg,rgba(130,144,163,0),rgba(130,144,163,.36),rgba(130,144,163,0))}
.launch-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.launch-row .launch-slot,.launch-row .launch-slot .launch-placeholder,.launch-row .launch-slot wx-open-launch-weapp{width:100%}
.launch-row .launch-slot .launch-placeholder{min-height:44px;border-radius:10px;font-size:15px;font-weight:600}
.empty,.error,.loading{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.55);border-radius:16px;padding:24px 18px;box-shadow:0 12px 28px rgba(15,23,42,.09);backdrop-filter:blur(8px)}
.error{color:#b42318}
#preloader_container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#30bf78;opacity:1;transition:opacity .35s ease;pointer-events:auto}
#preloader_container.preloader-hidden{opacity:0;pointer-events:none}
#preloader_container>div{position:relative}
#preloader_container>div>div{color:currentColor;width:8vw;height:8vw}
.la-square-jelly-box{width:32px;height:32px;display:block;font-size:0;color:#fff}
.la-square-jelly-box,.la-square-jelly-box>div{position:relative;box-sizing:border-box}
.la-square-jelly-box>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-square-jelly-box>div:first-child,.la-square-jelly-box>div:nth-child(2){position:absolute;left:0;width:100%}
.la-square-jelly-box>div:first-child{top:-25%;z-index:1;height:100%;border-radius:10%;animation:square-jelly-box-animate .6s -.1s linear infinite}
.la-square-jelly-box>div:nth-child(2){bottom:-9%;height:10%;background:#000;border-radius:50%;opacity:.2;animation:square-jelly-box-shadow .6s -.1s linear infinite}
@keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}
25%{transform:translateY(25%) rotate(22.5deg)}
50%{border-bottom-right-radius:100%;transform:translateY(50%) scale(1,.9) rotate(45deg)}
75%{transform:translateY(25%) rotate(67.5deg)}
100%{transform:translateY(0) rotate(90deg)}
}
@keyframes square-jelly-box-shadow{50%{transform:scale(1.25,1)}
}
@media (max-width:560px){body{background-attachment:scroll}
.page{padding-top:18px;padding-bottom:124px}
.gallery{grid-template-columns:repeat(2,1fr)}
.bottom-open{padding-left:10px;padding-right:10px;padding-top:28px}
.bottom-open-inner{border-radius:12px;padding:10px}
.cta{padding-left:10px;padding-right:10px;padding-top:24px}
.cta-box{border-radius:12px}
.bottom-open-title{font-size:14px}
.launch-btn{min-width:102px;min-height:36px;font-size:13px}
.launch-row{grid-template-columns:1fr}
}
@media (prefers-color-scheme:dark){
:root{color-scheme:dark}
body{color:#e5e7eb;background-color:#0b1020;background-image:linear-gradient(180deg,rgba(16,24,40,.72),rgba(8,12,24,.78)),url("bg.jpg")}
.card{background:rgba(17,24,39,.82);border-color:rgba(148,163,184,.26);box-shadow:0 14px 34px rgba(2,6,23,.5)}
.hero{background:linear-gradient(130deg,rgba(255,255,255,.08),rgba(255,255,255,0))}
.author img,.gallery img,.comment-avatar{background:#1f2937}
.author-meta,.stats,.comment-floor,.comment-meta,.hint,.bottom-open-desc,.cta-desc{color:#94a3b8}
.comment{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.24);box-shadow:0 8px 22px rgba(2,6,23,.45)}
.comment-body,.bottom-open-title,.cta-title{color:#e5e7eb}
.empty,.loading{background:rgba(15,23,42,.84);border-color:rgba(148,163,184,.24);box-shadow:0 12px 26px rgba(2,6,23,.48)}
.error{background:rgba(69,10,10,.5);border-color:rgba(248,113,113,.35);color:#fecaca}
.bottom-open{background:linear-gradient(180deg,rgba(11,16,32,0) 0,rgba(11,16,32,.8) 36%,rgba(11,16,32,.95) 66%,#0b1020 100%)}
.bottom-open-inner{background:rgba(15,23,42,.9);border-color:rgba(148,163,184,.24);box-shadow:0 12px 30px rgba(2,6,23,.55)}
.cta{background:linear-gradient(180deg,rgba(11,16,32,0),rgba(11,16,32,.82) 32%,rgba(11,16,32,.97) 100%)}
.cta-box{background:rgba(15,23,42,.88);border-color:rgba(148,163,184,.24);box-shadow:0 10px 26px rgba(2,6,23,.52)}
.cta-divider{background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.35),rgba(148,163,184,0))}
.launch-btn.primary{border-color:rgba(34,197,94,.48);background:linear-gradient(180deg,#22c55e 0,#16a34a 100%);box-shadow:0 6px 14px rgba(22,163,74,.36)}
.launch-btn.secondary{color:#86efac;border-color:rgba(74,222,128,.35);background:rgba(20,83,45,.55);box-shadow:0 4px 12px rgba(20,83,45,.35)}
.launch-placeholder{background:transparent}
#preloader_container{background:#020617;color:#34d399}
}