:root{--bg:        #f5f0e8;--bg2:       #ede7d9;--ink:       #2c2416;--ink2:      #6b5c42;--ink3:      #a0916f;--accent:    #c0392b;--accent2:   #e8b89a;--gold:      #c9a84c;--card:      #fffdf7;--shadow:    rgba(44,36,22,.12);--border:    #ddd3be;--radius:    16px;--font-body: 'Noto Serif SC', serif;--font-en:   'Lora', serif;--transition: .3s cubic-bezier(.4,0,.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBudW1PY3RhdmVzPSI0IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMGgzZTJ2M2UySDB6IiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9Ii4wNCIvPjwvc3ZnPg==);pointer-events:none;z-index:0}.ink-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;z-index:0}.ink-blob-1{width:500px;height:500px;background:#c0392b;top:-120px;right:-100px}.ink-blob-2{width:400px;height:400px;background:#c9a84c;bottom:-80px;left:-80px}.ink-blob-3{width:300px;height:300px;background:#4a90a4;top:40%;left:30%}header{position:relative;z-index:10;padding:48px 0 24px;user-select: none;text-align:center}.site-title{font-family:var(--font-en);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:.04em;color:var(--ink);line-height:1}.site-title em{color:var(--accent);font-style:italic}.site-subtitle{margin-top:8px;font-size:.85rem;color:var(--ink3);letter-spacing:.25em}.header-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:20px auto 0;width:min(360px,90%)}.header-rule::before,.header-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.header-rule span{font-size:.7rem;color:var(--gold);letter-spacing:.3em}.container{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:0 20px 80px}.publish-area{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 24px var(--shadow),0 1px 0 #fffc inset;overflow:hidden;margin-bottom:40px;animation:slideDown .5s ease both}@keyframes slideDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.publish-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--border);cursor:pointer;user-select:none;transition:background var(--transition)}.publish-topbar:hover{background:#e5ddd0}.publish-topbar-left{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink2)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.topbar-hint{font-size:.82rem;color:var(--ink3);display:flex;align-items:center;gap:6px}.topbar-hint svg{transition:transform var(--transition)}.publish-topbar.open .topbar-hint svg{transform:rotate(180deg)}.login-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--accent);background:#c0392b1a;border:1px solid #c0392b33;border-radius:20px;padding:2px 10px}.publish-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.publish-body.open{max-height:900px}.publish-inner{padding:20px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form-row{display:flex;gap:10px}.input-field{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-family:var(--font-body);font-size:.9rem;color:var(--ink);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input-field::placeholder{color:var(--ink3)}.input-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.shuoshuo-textarea{width:100%;min-height:110px;max-height:320px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px;font-family:var(--font-body);font-size:.95rem;color:var(--ink);cursor:text!important;resize:vertical;outline:none;line-height:1.8;transition:border-color var(--transition),box-shadow var(--transition)}.shuoshuo-textarea::-webkit-scrollbar{cursor:default!important}.shuoshuo-textarea::-webkit-scrollbar-track,.shuoshuo-textarea::-webkit-scrollbar-thumb{cursor:default!important}.shuoshuo-textarea::placeholder{color:var(--ink3)}.shuoshuo-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.preview-box{display:none;background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:14px;font-size:.9rem;line-height:1.9;color:var(--ink2);min-height:60px;margin-top:10px;max-height:420px!important;overflow-y:auto!important;box-sizing:border-box!important}.preview-box.show{display:block}.preview-box img{max-width:100%;height:auto!important;border-radius:8px;display:inline-block!important}#previewBox{max-height:420px!important;overflow-y:auto!important;padding:12px!important;box-sizing:border-box!important;border:1px solid var(--border)!important;margin:10px 0!important}#previewBox img{max-width:100%!important;height:auto!important;display:inline-block!important}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px;flex-wrap:wrap}.toolbar-left{display:flex;gap:6px}.toolbar-right{display:flex;gap:8px}.tool-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-family:var(--font-body);font-size:.8rem;color:var(--ink2);cursor:pointer;transition:all var(--transition)}.tool-btn:hover{background:var(--border);color:var(--ink)}.tool-btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.tool-btn.primary:hover{background:#1a1409}.tool-btn.danger{background:var(--accent);border-color:var(--accent);color:#fff}.tool-btn.danger:hover{background:#a93226}.timeline{position:relative;padding-left:36px}.timeline::before{content:'';position:absolute;left:14px;top:20px;bottom:20px;width:1px;background:linear-gradient(to bottom,transparent,var(--border) 10%,var(--border) 90%,transparent)}.shuoshuo-item{position:relative;margin-bottom:32px;animation:fadeInUp .5s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-dot{position:absolute;left:-29px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--gold);transition:transform var(--transition)}.shuoshuo-item:hover .timeline-dot{transform:scale(1.3);background:var(--accent);box-shadow:0 0 0 2px var(--accent)}.shuoshuo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px var(--shadow);transition:transform var(--transition),box-shadow var(--transition)}.shuoshuo-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px var(--shadow)}.card-header{display:flex;align-items:center;gap:12px;padding:14px 18px 0}.avatar-wrap{position:relative;flex-shrink:0}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:transform .4s ease}.card-meta{flex:1;min-width:0}.card-author{font-size:.85rem;font-weight:500;color:var(--ink)}.card-time{font-size:.75rem;color:var(--ink3);margin-top:1px;display:flex;align-items:center;gap:4px}.time-icon{font-size:.85em}.card-content{padding:12px 18px 14px;font-size:.95rem;line-height:1.9;color:var(--ink);word-break:break-word}.card-content img{max-width:100%;border-radius:10px;margin:8px 0;display:block}.card-content video{max-width:100%;border-radius:10px;margin:8px 0;display:block}.card-content audio{width:100%;margin:8px 0}.card-content p{margin-bottom:.4em}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px 14px;border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.footer-tags{display:flex;gap:6px;flex-wrap:wrap}.os-tag{font-size:.72rem;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:2px 9px;color:var(--ink3)}.footer-actions{display:flex;gap:6px}.action-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:.78rem;color:var(--ink3);background:0 0;border:1px solid #0000;border-radius:20px;padding:4px 10px;cursor:pointer;transition:all var(--transition)}.action-btn:hover{background:var(--bg2);border-color:var(--border);color:var(--ink)}.action-btn.delete:hover{background:#c0392b14;border-color:#c0392b33;color:var(--accent)}.action-btn.edit-save{color:var(--gold)}.action-btn.edit-save:hover{background:#c9a84c1a;border-color:#c9a84c4d;color:var(--gold)}.comments-section{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.comments-section.open{max-height:2e3px}.comments-inner{border-top:1px solid var(--border);padding:14px 18px;background:var(--bg)}.comments-title{font-size:.8rem;color:var(--ink3);letter-spacing:.1em;margin-bottom:12px}.comment-item{display:flex;gap:10px;margin-bottom:12px;animation:fadeInUp .3s ease both}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.comment-body{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.comment-nick{font-size:.8rem;font-weight:500;color:var(--ink2)}.comment-text{font-size:.85rem;color:var(--ink);line-height:1.7;margin-top:2px}.comment-time{font-size:.72rem;color:var(--ink3);margin-top:4px}.comment-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.comment-form-row{display:flex;gap:8px;flex-wrap:wrap}.comment-input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:var(--font-body);font-size:.85rem;color:var(--ink);outline:none;transition:border-color var(--transition)}.comment-input:focus{border-color:var(--gold)}.comment-textarea{width:100%;min-height:70px;max-height:320px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:var(--font-body);font-size:.85rem;color:var(--ink);outline:none;resize:vertical;transition:border-color var(--transition)}.comment-textarea:focus{border-color:var(--gold)}.comment-submit{align-self:flex-end}.load-more-wrap{text-align:center;margin-top:16px}.load-more-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.85rem;color:var(--ink2);background:var(--card);border:1px solid var(--border);border-radius:24px;padding:10px 28px;cursor:pointer;transition:all var(--transition);box-shadow:0 2px 8px var(--shadow)}.load-more-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 18px var(--shadow)}.load-more-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.no-more{font-size:.8rem;color:var(--ink3);text-align:center;padding:16px 0;letter-spacing:.1em}.empty-state{text-align:center;padding:60px 20px;color:var(--ink3)}.empty-state .big-icon{font-size:3rem;margin-bottom:12px}.empty-state p{font-size:.9rem;line-height:1.8}.spinner-wrap{text-align:center;padding:40px 0}.spinner{display:inline-block;width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{display:none;position:fixed;inset:0;background:#2c241680;backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}.modal-overlay.show{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;width:min(400px,90vw);box-shadow:0 24px 64px #0003;animation:popIn .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-en);font-size:1.2rem;font-weight:600;color:var(--ink);margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;font-size:.85rem;max-width:300px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:10px;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) both}.toast.success{background:#2d6a4f}.toast.error{background:var(--accent)}.toast.warning{background:#856404}@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{to{opacity:0;transform:translateX(40px)}}.toast.out{animation:toastOut .3s ease forwards}.edit-textarea{width:100%;min-height:100px;max-height:320px;background:var(--bg);border:1px solid var(--gold);border-radius:10px;padding:12px;font-family:var(--font-body);font-size:.95rem;color:var(--ink);resize:vertical;outline:none;line-height:1.8}.section-divider{display:flex;user-select: none;align-items:center;gap:12px;margin:36px 0 28px}.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:var(--border)}.section-divider span{font-size:.75rem;color:var(--ink3);letter-spacing:.2em;white-space:nowrap}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink3)}@media(max-width:600px){.timeline{padding-left:24px}.timeline-dot{left:-20px}.card-header{padding:12px 14px 0}.card-content{padding:10px 14px 12px}.card-footer{padding:8px 14px 12px}.footer-tags{display:none}.login-form-row{flex-direction:column}}.shuoshuo-card.editing{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c33,0 8px 28px var(--shadow)}.emoji-panel{display:none;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px var(--shadow);overflow:hidden;margin-top:8px;animation:fadeInUp .2s ease both}.emoji-panel.show{display:block}.emoji-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg2)}.emoji-tab{flex:1;padding:8px 4px;font-size:.78rem;color:var(--ink3);background:0 0;border:none;cursor:pointer;font-family:var(--font-body);transition:all var(--transition);border-bottom:2px solid #0000}.emoji-tab.active{color:var(--ink);background:var(--card);border-bottom-color:var(--gold)}.emoji-grid{display:none;flex-wrap:wrap;gap:4px;padding:10px;max-height:180px;overflow-y:auto}.emoji-grid.active{display:flex}.emoji-grid img{width:32px;height:32px;cursor:pointer;border-radius:6px;transition:transform .15s ease,background .15s ease;object-fit:contain}.emoji-grid img:hover{transform:scale(1.35);background:var(--bg2)}.card-content img.atemoji,.comment-text img.atemoji{width:28px;height:28px;display:inline;vertical-align:middle;margin:0 1px}footer{text-align:right;user-select: none;font-size:.75rem;color:var(--ink3);padding:20px 0 30px;margin-top:30px;border-top:1px dashed var(--border)}footer a{font-size:1.1rem;font-weight:500;color:var(--ink3);margin-left:3px;margin-right:3px;text-decoration:none}.version{margin-top:4px}