      body { font-family: sans-serif; }
        .hidden { display: none; }
        .error { color: red; }
        .success { color: green; }
        .post { border-bottom: 1px solid #ccc; padding: 6px 0 6px 0; }
        .post .meta { color: #888; font-size: 0.9em; }
        .admin-btn { margin-left: 0.5em; font-size: 0.9em; }
        mark { background: #ffd; }
       #slide-captcha-box {
            width: 320px; margin: 10px 0; background: #f5f5f5; border: 1px solid #bbb; border-radius: 6px; padding: 16px;
            box-shadow: 0 1px 3px #ccc;
        }
        #slide-captcha-track {
            width: 280px; height: 38px; background: #eee; border-radius: 20px; margin: 0 auto; position: relative; border: 1px solid #ccc;
        }
        #slide-captcha-bar {
            height: 38px; width: 0; background: #b3d7ff; border-radius: 20px; position: absolute; left: 0; top: 0; transition: width 0.1s;
            z-index: 1;
        }
        #slide-captcha-handle {
            width: 38px; height: 38px; background: #2196f3; border-radius: 50%; position: absolute; left: 0; top: 0; cursor: pointer;
            color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; z-index: 2;
            user-select: none;
            transition: background 0.2s;
        }
        #slide-captcha-handle.captcha-done { background: #4caf50; }
        #slide-captcha-label {
            text-align: center; margin-top: 4px; font-size: 0.96em; color: #333;
        }
        #slide-captcha-success {
            text-align: center; color: #4caf50; display: none; margin-top: 8px;
        }
        #slide-captcha-box.captcha-verified #slide-captcha-success { display:block; }

